Duplicate from hysts-debug/gradio-issue-1641

Co-authored-by: hysts <[email protected]>

.gitattributes

@@ -0,0 +1,29 @@
+*.jpg filter=lfs diff=lfs merge=lfs -text
+*.mp4 filter=lfs diff=lfs merge=lfs -text
+*.7z filter=lfs diff=lfs merge=lfs -text
+*.arrow filter=lfs diff=lfs merge=lfs -text
+*.bin filter=lfs diff=lfs merge=lfs -text
+*.bz2 filter=lfs diff=lfs merge=lfs -text
+*.ftz filter=lfs diff=lfs merge=lfs -text
+*.gz filter=lfs diff=lfs merge=lfs -text
+*.h5 filter=lfs diff=lfs merge=lfs -text
+*.joblib filter=lfs diff=lfs merge=lfs -text
+*.lfs.* filter=lfs diff=lfs merge=lfs -text
+*.model filter=lfs diff=lfs merge=lfs -text
+*.msgpack filter=lfs diff=lfs merge=lfs -text
+*.onnx filter=lfs diff=lfs merge=lfs -text
+*.ot filter=lfs diff=lfs merge=lfs -text
+*.parquet filter=lfs diff=lfs merge=lfs -text
+*.pb filter=lfs diff=lfs merge=lfs -text
+*.pt filter=lfs diff=lfs merge=lfs -text
+*.pth filter=lfs diff=lfs merge=lfs -text
+*.rar filter=lfs diff=lfs merge=lfs -text
+saved_model/**/* filter=lfs diff=lfs merge=lfs -text
+*.tar.* filter=lfs diff=lfs merge=lfs -text
+*.tflite filter=lfs diff=lfs merge=lfs -text
+*.tgz filter=lfs diff=lfs merge=lfs -text
+*.wasm filter=lfs diff=lfs merge=lfs -text
+*.xz filter=lfs diff=lfs merge=lfs -text
+*.zip filter=lfs diff=lfs merge=lfs -text
+*.zstandard filter=lfs diff=lfs merge=lfs -text
+*tfevents* filter=lfs diff=lfs merge=lfs -text

README.md

@@ -0,0 +1,13 @@
+---
+title: gradio-issue-1641
+emoji: 😻
+colorFrom: yellow
+colorTo: gray
+sdk: gradio
+sdk_version: 3.0.20
+app_file: app.py
+pinned: false
+duplicated_from: hysts-debug/gradio-issue-1641
+---
+
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

app.py

@@ -0,0 +1,77 @@
+#!/usr/bin/env python
+
+import pathlib
+
+import gradio as gr
+
+
+def set_example_image(example):
+    return [
+        gr.Image.update(value=example[0]),
+        gr.Image.update(value=example[1])
+    ]
+
+
+def set_example_video(example):
+    return [
+        gr.Video.update(value=example[0]),
+        gr.Video.update(value=example[1])
+    ]
+
+
+css = '''
+div#image1 {
+  max-width: 300px;
+  max-height: 300px;
+}
+div#image2 {
+  max-width: 300px;
+  max-height: 300px;
+}
+div#video1 {
+  max-width: 300px;
+  max-height: 300px;
+}
+div#video2 {
+  max-width: 300px;
+  max-height: 300px;
+}
+'''
+
+with gr.Blocks(css=css) as demo:
+    with gr.Row():
+        image1 = gr.Image(label='without gr.Group',
+                          type='numpy',
+                          elem_id='image1')
+        with gr.Group():
+            image2 = gr.Image(label='with gr.Group',
+                              type='numpy',
+                              elem_id='image2')
+
+    paths = sorted(pathlib.Path('images').rglob('*.jpg'))
+    example_images = gr.Dataset(components=[image1, image2],
+                                samples=[[path.as_posix(),
+                                          path.as_posix()] for path in paths])
+
+    with gr.Row():
+        video1 = gr.Video(label='without gr.Group',
+                          format='mp4',
+                          elem_id='video1')
+        with gr.Group():
+            video2 = gr.Video(label='with gr.Group',
+                              format='mp4',
+                              elem_id='video2')
+
+    paths = sorted(pathlib.Path('videos').rglob('*.mp4'))
+    example_videos = gr.Dataset(components=[video1, video2],
+                                samples=[[path.as_posix(),
+                                          path.as_posix()] for path in paths])
+
+    example_images.click(fn=set_example_image,
+                         inputs=example_images,
+                         outputs=example_images.components)
+    example_videos.click(fn=set_example_video,
+                         inputs=example_videos,
+                         outputs=example_videos.components)
+
+demo.launch()

videos/00.mp4

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:747f9c2f9d19e4955603e1a13b69663187882d4c6a8fbcad18ddbd04ee792d4d
+size 1972564

videos/01.mp4

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1044083afc06aa6f956838c7fcd582c9cfd59ea3a994adc8a0f5889ffca4d9c8
+size 2494082