Update app.py

app.py

@@ -177,13 +177,8 @@ def infer(video_in):
     final_merged_out = merge_audio_to_video(video_in, wave_files[0])
     return wave_files[0], 'spectrogram.png', final_merged_out
 
-css = """
-#col-container{
-    max-width: 800px;
-    margin: 0 auto;
-}
-"""
-with gr.Blocks(css=css) as demo:
+
+with gr.Blocks() as demo:
     with gr.Column(elem_id="col-container"):
         gr.Markdown("# Video-to-Audio Generation with Hidden Alignment")
         gr.HTML("""
@@ -196,13 +191,23 @@ with gr.Blocks(css=css) as demo:
             </a>
         </div>
         """)
-        with gr.Column():
-            video_in = gr.Video(label='Video IN')
-            submit_btn = gr.Button("Submit")
-        
-            output_sound = gr.Audio(label="Audio OUT")
-            output_spectrogram = gr.Image(label='Spectrogram')
-            merged_out = gr.Video(label="Merged video + generated audio")
+        with gr.Row():
+            with gr.Column():
+                video_in = gr.Video(label='Video IN')
+                submit_btn = gr.Button("Submit")
+                gr.Examples(
+                    examples = [
+                        ["./examples/lion_gt.mp4"],
+                        ["./examples/ice_gt.mp4"],
+                        ["./examples/seashore.mp4"],
+                        ["./examples/typewriter_gt.mp4"],
+                    ],
+                    inputs = [video_in]
+                )
+            with gr.Column():
+                output_sound = gr.Audio(label="Audio OUT")
+                output_spectrogram = gr.Image(label='Spectrogram')
+                merged_out = gr.Video(label="Merged video + generated audio")
         
     submit_btn.click(
         fn = infer,