Update app.py

app.py

@@ -44,22 +44,18 @@ example_video_dir = "assets/examples/driving"
 
 #################### interface logic ####################
 
-# Define components first
+with gr.Blocks(theme=gr.themes.Soft()) as demo:
 
-output_video1 = gr.Video()
-output_video_concat1 = gr.Video()
+    with gr.Column():
 
-with gr.Blocks(theme=gr.themes.Soft()) as demo:
-    
-    with gr.Row():
-        # Examples
         gr.Markdown("""
-        ## 🤗 This is the gradio demo for LivePortrait for video.
+        ## 🤗 This is the gradio demo for Vid2Vid LivePortrait.
         Please upload or use a webcam to get a Source Portrait Video (any aspect ratio) and upload a Driving Video (1:1 aspect ratio, or any aspect ratio with do crop (driving video) checked).
         """)
-    # for video portrait
+
     with gr.Row():
-        with gr.Accordion(open=True, label="Video Portrait"):
+        with gr.Column():
+        
             source_video_input = gr.Video()
             gr.Examples(
                 examples=[
@@ -72,7 +68,7 @@ with gr.Blocks(theme=gr.themes.Soft()) as demo:
                 inputs=[source_video_input],
                 cache_examples=False,
             )
-        with gr.Accordion(open=True, label="Driving Video"):
+        
             video_input = gr.Video()
             gr.Examples(
                 examples=[
@@ -85,26 +81,18 @@ with gr.Blocks(theme=gr.themes.Soft()) as demo:
                 inputs=[video_input],
                 cache_examples=False,
             )
-    with gr.Row():
-        with gr.Accordion(open=False, label="source Animation Instructions and Options"):
             gr.Markdown(load_description("assets/gradio_description_animation.md"))
             with gr.Row():
                 flag_relative_input = gr.Checkbox(value=True, label="relative motion")
                 flag_do_crop_input = gr.Checkbox(value=True, label="do crop (source)")
                 flag_remap_input = gr.Checkbox(value=True, label="paste-back")
                 flag_crop_driving_video_input = gr.Checkbox(value=False, label="do crop (driving video)")
-    with gr.Row():
-        with gr.Column():
-            process_button_source_animation = gr.Button("🚀 Animate video", variant="primary")
-        with gr.Column():
-            process_button_reset = gr.ClearButton([source_video_input, video_input, output_video1, output_video_concat1], value="🧹 Clear")
-    with gr.Row():
-        with gr.Column():
-            with gr.Accordion(open=True, label="The animated video in the original image space"):
-                output_video1.render()
+            with gr.Row():
+                process_button_source_animation = gr.Button("🚀 Animate video", variant="primary")
+                process_button_reset = gr.ClearButton([source_video_input, video_input, output_video1, output_video_concat1], value="🧹 Clear")
         with gr.Column():
-            with gr.Accordion(open=True, label="The animated video"):
-                output_video_concat1.render()
+                output_video1 = gr.Video(label="The animated video in the original image space")
+                output_video_concat1 = gr.Video(label="The animated video")
 
     # binding functions for buttons
    
@@ -119,8 +107,9 @@ with gr.Blocks(theme=gr.themes.Soft()) as demo:
             flag_crop_driving_video_input
         ],
         outputs=[output_video1, output_video_concat1],
-        show_progress=True
+        show_progress=True,
+        show_api=False
     )
 
 
-demo.launch()
+demo.queue(max_size=10).launch(show_api=False)