1

app.py

@@ -83,7 +83,7 @@ def display_vid(url, question, sample_question=None, example_video=None):
   if question == '':
     question = sample_question
   
-  #get embedding and youtube link
+  #get embedding and youtube link for initial video
   html_in = "<iframe width='560' height='315' src=" + url + " frameborder='0' allowfullscreen></iframe>"
   #print(html)
   
@@ -98,9 +98,9 @@ def display_vid(url, question, sample_question=None, example_video=None):
   ans_timestamp, ans_timestamp_secondbest = get_answers_timestamp(question, final_transcript, transcript)
   
   #created embedding  width='560' height='315' 
-  html_out = "<iframe width='700' height='400' src='https://www.youtube.com/embed/" + video_id + "?start=" + str(ans_timestamp) + "' title='YouTube video player' frameborder='0' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture' allowfullscreen></iframe>"
+  html_out = "<iframe width='720' height='400' src='https://www.youtube.com/embed/" + video_id + "?start=" + str(ans_timestamp) + "' title='YouTube video player' frameborder='0' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture' allowfullscreen></iframe>"
   print(f"html output is : {html_out}")
-  html_out_secondbest = "<iframe width='700' height='400' src='https://www.youtube.com/embed/" + video_id + "?start=" + str(ans_timestamp_secondbest) + "' title='YouTube video player' frameborder='0' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture' allowfullscreen></iframe>"
+  html_out_secondbest = "<iframe width='720' height='400' src='https://www.youtube.com/embed/" + video_id + "?start=" + str(ans_timestamp_secondbest) + "' title='YouTube video player' frameborder='0' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture' allowfullscreen></iframe>"
   
   if question == '':
     print(f"Inside display_vid(), Sample_Question coming from Radio box is BEFORE : {sample_question}")
@@ -123,11 +123,14 @@ with demo:
   gr.Markdown(
         """### How many times have you seen a long video/podcast on Youtube and wondered only if there would have been 'explanatory' timestamps it would have been so much better..
         **How to use this space:** You can either provide a new YouTube video link or can use the sample video link provided. Then provide a Questions that you would like about exploring the content in the given video.
-        <br>The App will generate timestamps and Play the video at those timestamps for you in the space provided. You will see two video displays, corresponding to two of the best guesses by the underlying models. Chances are that both videos might start with same timestamp, which will depend on the question and the content in the video, please bear!
-        <br>**Motivation behind building this App:** When we see a long video without timestamps, we often wonder 'if' the content we are looking for is in there, or 'where' in the video is the content we are looking for? The Idea is that we might have questions like 'Is the xxxx thing covered in this video?', or maybe 'does the host talks about the architecture of the xxxxx model', or maybe 'Does host talk about alien doorway on Mars?' and so on.
-        <br>So this App could help you in reaching to that timestamp in 'Record time'! Have fun!
-        <br>**Best part:** You don't even have to move away from the Space tab in your browser as the YouTube video gets played within the View
-        <br>Also, a small caveat, the App will perform as good as the English Transcripts are for the given YouTube Video. If there are no transcripts, the App will not work.<br><br>"""
+        The App will generate timestamps and Play the video at those timestamps for you in the space provided. You will see two video displays, corresponding to two of the best guesses by the underlying models. Chances are that both videos might start with same timestamp, which will depend on the question and the content in the video, please bear! Also, a small caveat, the App will perform as good as the available English Transcripts are for the given YouTube Video. If there are no transcripts, the App will not work.
+        
+        **Motivation behind building this App:** When we see a long video without timestamps, we often wonder 'if' the content we are looking for is in there, or 'where' in the video is the content we are looking for? The Idea is that we might have questions like 'Is the xxxx thing covered in this video?', or maybe 'does the host talks about the architecture of the xxxxx model', or maybe 'Does host talk about alien doorway on Mars?' and so on.
+        
+        So this App could help you in reaching to that timestamp in 'Record time'! 
+        
+        **Best part:** You don't even have to move away from the Space tab in your browser as the YouTube video gets played within the given View.
+        """
     )
   with gr.Row():
     input_url = gr.Textbox(label="Input a Youtube video link") #gr.HTML(placeholder="Enter a video link here..")
@@ -164,8 +167,7 @@ with demo:
                     "does the video discuss multilingual language models?",
                     "whar is the cool library?"], label= "Choose a sample Question", value=None)
   with gr.Row():
-    example_video = gr.CheckboxGroup( ["https://www.youtube.com/watch?v=smUHQndcmOY"], label= "Choose a sample YouTube video") #, value="Any funny examples in video?")
-  #example_question.update(set_example_question) #,inputs=example_question, outputs= input_url) #example_styles.components)
+    example_video = gr.CheckboxGroup( ["https://www.youtube.com/watch?v=smUHQndcmOY"], label= "Choose a sample YouTube video") 
                                                                     
   b1 = gr.Button("Publish Video")