Update app.py

app.py

@@ -123,15 +123,14 @@ def play_video(youtube_url):
 
 
 AUDIO_EXAMPLES = glob.glob('examples/*.*', recursive=True)
-YOUTUBE_EXAMPLES = ["https://www.youtube.com/watch?v=vMboypSkj3c",
+YOUTUBE_EXAMPLES = ["https://youtu.be/5vJBhdjvVcE?si=s3NFG_SlVju0Iklg",
+                    "https://www.youtube.com/watch?v=vMboypSkj3c",
                     "https://youtu.be/OXXRoa1U6xU?si=nhJ6lzGenCmk4P7R",
                     "https://youtu.be/EOJ0wH6h3rE?si=a99k6BnSajvNmXcn",
                     "https://youtu.be/7mjQooXt28o?si=qqmMxCxwqBlLPDI2",
                     "https://youtu.be/bnS-HK_lTHA?si=PQLVAab3QHMbv0S3https://youtu.be/zJB0nnOc7bM?si=EA1DN8nHWJcpQWp_",
                     "https://youtu.be/mIWYTg55h10?si=WkbtKfL6NlNquvT8"]
 
-# theme = 'gradio/dracula_revamped' #'Insuz/Mocha' #gr.themes.Soft()
-# with gr.Blocks(theme=theme) as demo:
 theme = gr.Theme.from_hub("gradio/dracula_revamped")
 theme.text_md = '9px'
 theme.text_lg = '11px'
@@ -152,15 +151,9 @@ css = """
     height: 100vh;
 }
 @keyframes gradient {
-    0% {
-        background-position: 0% 50%;
-    }
-    50% {
-        background-position: 100% 50%;
-    }
-    100% {
-        background-position: 0% 50%;
-    }
+    0% {background-position: 0% 50%;}
+    50% {background-position: 100% 50%;}
+    100% {background-position: 0% 50%;}
 }
 """
 
@@ -217,25 +210,26 @@ with gr.Blocks(theme=theme, css=css) as demo:
             transcribe_audio_button.click(process_audio, inputs=audio_input, outputs=output_tab1)
 
         with gr.Tab("From YouTube"):
-            with gr.Row():
+            with gr.Column(scale=4):
                 # Input URL
                 youtube_url = gr.Textbox(label="YouTube Link URL",
                         placeholder="https://youtu.be/...")
-                # Play youtube
-                youtube_player = gr.HTML(render=True)
-            with gr.Row():
+                # Display examples
+                gr.Examples(examples=YOUTUBE_EXAMPLES, inputs=youtube_url)
                 # Play button
                 play_video_button = gr.Button("Get Audio from YouTube", variant="primary")
+                # Play youtube
+                youtube_player = gr.HTML(render=True)
+
+            with gr.Column(scale=4):
                 # Submit button
                 transcribe_video_button = gr.Button("Transcribe", variant="primary")
-            # Transcribe
-            output_tab2 = gr.HTML(render=True)
-            # video_output = gr.Text(label="Video Info")
-            transcribe_video_button.click(process_video, inputs=youtube_url, outputs=output_tab2)
-            # Play
-            play_video_button.click(play_video, inputs=youtube_url, outputs=youtube_player)
-
-            # Display examples
-            gr.Examples(examples=YOUTUBE_EXAMPLES, inputs=youtube_url)
+            with gr.Column(scale=1):
+                # Transcribe
+                output_tab2 = gr.HTML(render=True)
+                # video_output = gr.Text(label="Video Info")
+                transcribe_video_button.click(process_video, inputs=youtube_url, outputs=output_tab2)
+                # Play
+                play_video_button.click(play_video, inputs=youtube_url, outputs=youtube_player)
 
 demo.launch(debug=True)