Also return the frames as images (#8)

- Also return the frames as images (4764ded05b15440d0b438d387e412bf9cd885914)


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

app.py

@@ -53,7 +53,7 @@ def sample(
     export_to_video(frames, video_path, fps=fps_id)
     torch.manual_seed(seed)
     
-    return video_path, seed
+    return video_path, frames, seed
 
 def resize_image(image, output_size=(1024, 576)):
     # Calculate aspect ratios
@@ -91,18 +91,20 @@ with gr.Blocks() as demo:
 #### Research release ([_non-commercial_](https://huggingface.co/stabilityai/stable-video-diffusion-img2vid-xt/blob/main/LICENSE)): generate `4s` vid from a single image at (`25 frames` at `6 fps`). this demo uses [🧨 diffusers for low VRAM and fast generation](https://huggingface.co/docs/diffusers/main/en/using-diffusers/svd).
   ''')
   with gr.Row():
-    with gr.Column():
-        image = gr.Image(label="Upload your image", type="pil")
-        generate_btn = gr.Button("Generate")
-    video = gr.Video()
-  with gr.Accordion("Advanced options", open=False):
-      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)
-      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)
-      fps_id = gr.Slider(label="Frames per second", info="The length of your video in seconds will be 25/fps", value=6, minimum=5, maximum=30)
+      with gr.Column():
+          image = gr.Image(label="Upload your image", type="pil")
+          with gr.Accordion("Advanced options", open=False):
+              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)
+              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)
+              fps_id = gr.Slider(label="Frames per second", info="The length of your video in seconds will be 25/fps", value=6, minimum=5, maximum=30)
+          generate_btn = gr.Button(value="Animate", variant="primary")
+      with gr.Column():
+          video = gr.Video(label="Generated video")
+          gallery = gr.Gallery(label="Generated frames")
       
   image.upload(fn=resize_image, inputs=image, outputs=image, queue=False)
-  generate_btn.click(fn=sample, inputs=[image, seed, randomize_seed, motion_bucket_id, fps_id], outputs=[video, seed], api_name="video")
+  generate_btn.click(fn=sample, inputs=[image, seed, randomize_seed, motion_bucket_id, fps_id], outputs=[video, gallery, seed], api_name="video")
 
 if __name__ == "__main__":
     #demo.queue(max_size=20, api_open=False)