Reset button (#25)

- Reset button (edba305112f0fa839d267c7252cda4dfcb103ae8)


Co-authored-by: Fabrice TIERCELIN <Fabrice-TIERCELIN@users.noreply.huggingface.co>

app.py

@@ -79,7 +79,7 @@ def animate(
     ((str(minutes) + " min, ") if hours != 0 or minutes != 0 else "") + \
     str(secondes) + " sec."
     
-    return gr.update(value=video_path, format=video_format), gr.update(value=video_path, visible=True), gr.update(label="Generated frames in *." + frame_format + " format", format = frame_format, value = frames, visible=True), seed, gr.update(value = information, visible = True)
+    return gr.update(value=video_path, format=video_format), gr.update(value=video_path, visible=True), gr.update(label="Generated frames in *." + frame_format + " format", format = frame_format, value = frames, visible=True), seed, gr.update(value = information, visible = True), gr.update(visible=True)
 
 @spaces.GPU(duration=120)
 def animate_on_gpu(
@@ -134,6 +134,20 @@ def resize_image(image, output_size=(1024, 576)):
     cropped_image = resized_image.crop((left, top, right, bottom))
     return cropped_image
 
+def reset():
+    return [
+        None,
+        random.randint(0, max_64_bit_int),
+        True,
+        127,
+        6,
+        0.1,
+        3,
+        "mp4",
+        "webp",
+        "auto"
+    ]
+
 with gr.Blocks() as demo:
   gr.HTML("""
     <h1><center>Image-to-Video</center></h1>
@@ -153,13 +167,14 @@ with gr.Blocks() as demo:
               motion_bucket_id = gr.Slider(label="Motion bucket id", info="Controls how much motion to add/remove from the image", value=127, minimum=1, maximum=255)
               noise_aug_strength = gr.Slider(label="Noise strength", info="The noise to add", value=0.1, minimum=0, maximum=1, step=0.1)
               decoding_t = gr.Slider(label="Decoding", info="Number of frames decoded at a time; this eats more VRAM; reduce if necessary", value=3, minimum=1, maximum=5, step=1)
-              video_format = gr.Radio([["*.mp4", "mp4"], ["*.ogg", "ogg"], ["*.webm", "webm"]], label="Video format for result", info="File extention", value="mp4", interactive=True)
-              frame_format = gr.Radio([["*.png", "png"], ["*.webp", "webp"], ["*.jpeg", "jpeg"], ["*.gif (unanimated)", "gif"], ["*.bmp", "bmp"]], label="Image format for frames", info="File extention", value="webp", interactive=True)
+              video_format = gr.Radio([["*.mp4", "mp4"]], label="Video format for result", info="File extention", value="mp4", interactive=True)
+              frame_format = gr.Radio([["*.webp", "webp"], ["*.png", "png"], ["*.jpeg", "jpeg"], ["*.gif (unanimated)", "gif"], ["*.bmp", "bmp"]], label="Image format for frames", info="File extention", value="webp", interactive=True)
               version = gr.Radio([["Auto", "auto"], ["🏃🏻‍♀️ SVD (trained on 14 f/s)", "svd"], ["🏃🏻‍♀️💨 SVD-XT (trained on 25 f/s)", "svdxt"]], label="Model", info="Trained model", value="auto", interactive=True)
               seed = gr.Slider(label="Seed", value=42, randomize=True, minimum=0, maximum=max_64_bit_int, step=1)
               randomize_seed = gr.Checkbox(label="Randomize seed", value=True)
 
           generate_btn = gr.Button(value="🚀 Animate", variant="primary")
+          reset_btn = gr.Button(value="🧹 Reinit page", variant="stop", elem_id="reset_button", visible = False)
 
       with gr.Column():
           video = gr.Video(label="Generated video", autoplay=True)
@@ -168,7 +183,38 @@ with gr.Blocks() as demo:
           gallery = gr.Gallery(label="Generated frames", visible=False)
       
   image.upload(fn=resize_image, inputs=image, outputs=image, queue=False)
-  generate_btn.click(fn=animate, inputs=[image, seed, randomize_seed, motion_bucket_id, fps_id, noise_aug_strength, decoding_t, video_format, frame_format, version], outputs=[video, download_button, gallery, seed, information_msg], api_name="video")
+  generate_btn.click(fn=animate, inputs=[
+      image,
+      seed,
+      randomize_seed,
+      motion_bucket_id,
+      fps_id,
+      noise_aug_strength,
+      decoding_t,
+      video_format,
+      frame_format,
+      version
+  ], outputs=[
+      video,
+      download_button,
+      gallery,
+      seed,
+      information_msg,
+      reset_btn
+  ], api_name="video")
+
+  reset_btn.click(fn = reset, inputs = [], outputs = [
+      image,
+      seed,
+      randomize_seed,
+      motion_bucket_id,
+      fps_id,
+      noise_aug_strength,
+      decoding_t,
+      video_format,
+      frame_format,
+      version
+  ], queue = False, show_progress = False)
     
   gr.Examples(
     examples=[
@@ -177,7 +223,7 @@ with gr.Blocks() as demo:
         ["Examples/Town.jpeg", 42, True, 127, 25, 0.1, 3, "mp4", "png", "auto"]
     ],
     inputs=[image, seed, randomize_seed, motion_bucket_id, fps_id, noise_aug_strength, decoding_t, video_format, frame_format, version],
-    outputs=[video, download_button, gallery, seed, information_msg],
+    outputs=[video, download_button, gallery, seed, information_msg, reset_btn],
     fn=animate,
     run_on_click=True,
     cache_examples=False,