Upload with huggingface_hub

README.md

@@ -1,12 +1,11 @@
+
 ---
-title: Event Trigger
-emoji: 👁
-colorFrom: red
-colorTo: red
+title: event_trigger 
+emoji: 🔥
+colorFrom: indigo
+colorTo: indigo
 sdk: gradio
-sdk_version: 3.17.0
-app_file: app.py
+sdk_version: 3.17.1
+app_file: run.py
 pinned: false
 ---
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

run.ipynb

@@ -0,0 +1 @@
+{"cells": [{"cell_type": "markdown", "id": 302934307671667531413257853548643485645, "metadata": {}, "source": ["# Gradio Demo: event_trigger"]}, {"cell_type": "code", "execution_count": null, "id": 272996653310673477252411125948039410165, "metadata": {}, "outputs": [], "source": ["!pip install -q gradio "]}, {"cell_type": "code", "execution_count": null, "id": 288918539441861185822528903084949547379, "metadata": {}, "outputs": [], "source": ["# Downloading files from the demo repo\n", "import os\n", "os.mkdir('img')\n", "!wget -q -O img/a.jpg https://github.com/gradio-app/gradio/raw/main/demo/event_trigger/img/a.jpg\n", "!wget -q -O img/b.jpg https://github.com/gradio-app/gradio/raw/main/demo/event_trigger/img/b.jpg\n", "os.mkdir('mp4')\n", "!wget -q -O mp4/a.mp4 https://github.com/gradio-app/gradio/raw/main/demo/event_trigger/mp4/a.mp4\n", "!wget -q -O mp4/b.mp4 https://github.com/gradio-app/gradio/raw/main/demo/event_trigger/mp4/b.mp4"]}, {"cell_type": "code", "execution_count": null, "id": 44380577570523278879349135829904343037, "metadata": {}, "outputs": [], "source": ["# %%\n", "import gradio as gr\n", "\n", "\n", "TEST_VIDEO_A = \"mp4/a.mp4\"\n", "TEST_VIDEO_B = \"mp4/b.mp4\"\n", "\n", "TEST_IMAGE_A = \"img/a.jpg\"\n", "TEST_IMAGE_B = \"img/b.jpg\"\n", "\n", "\n", "def alert_change(component, value):\n", "    print(f\"Detected {component} change, {type(value)}\")\n", "\n", "    if type(value) == list or type(value) == str:\n", "        print(value)\n", "\n", "\n", "def change_interactive(state):\n", "    return gr.update(interactive=not state), not state\n", "\n", "\n", "with gr.Blocks() as demo:\n", "    with gr.Tab(label=\"Text change\"):\n", "        with gr.Row():\n", "            with gr.Column():\n", "                textbox1 = gr.Textbox()\n", "                textbox2 = gr.Textbox(interactive=True)\n", "\n", "            with gr.Column():\n", "                btn = gr.Button()\n", "\n", "        def btn_click(state):\n", "            return state\n", "\n", "        def text_change(value):\n", "            print(\"text_change\", value)\n", "\n", "        btn.click(fn=btn_click, inputs=textbox1, outputs=textbox2)\n", "        textbox2.change(fn=alert_change, inputs=[gr.State(\"Text\"), textbox2])\n", "\n", "    with gr.Tab(label=\"Video change, play, pause\"):\n", "        with gr.Row():\n", "            with gr.Column():\n", "                radio1 = gr.Radio(\n", "                    choices=[TEST_VIDEO_A, TEST_VIDEO_B],\n", "                    interactive=True,\n", "                    type=\"index\",\n", "                )\n", "\n", "                video_btn = gr.Button(\"Change interactive\")\n", "\n", "            with gr.Column():\n", "                video1 = gr.Video(value=TEST_VIDEO_A, interactive=False)\n", "                video1_interactive = gr.State(value=False)\n", "\n", "        def change_video(index):\n", "            if index == 0:\n", "                return TEST_VIDEO_A\n", "            elif index == 1:\n", "                return TEST_VIDEO_B\n", "\n", "        def video_play():\n", "            print(\"video_play\")\n", "\n", "        def video_pause():\n", "            print(\"video_pause\")\n", "\n", "        def video_stop():\n", "            print(\"video_stop\")\n", "\n", "        video1.play(fn=video_play)\n", "        video1.pause(fn=video_pause)\n", "        video1.stop(fn=video_stop)\n", "\n", "        radio1.change(fn=change_video, inputs=radio1, outputs=video1)\n", "        video1.change(fn=alert_change, inputs=[gr.State(\"Video\"), video1])\n", "\n", "        video_btn.click(\n", "            fn=change_interactive,\n", "            inputs=video1_interactive,\n", "            outputs=[video1, video1_interactive],\n", "        )\n", "\n", "    with gr.Tab(label=\"Image change\"):\n", "        with gr.Row():\n", "            with gr.Column():\n", "                radio2 = gr.Radio(\n", "                    choices=[TEST_IMAGE_A, TEST_IMAGE_B],\n", "                    interactive=True,\n", "                    type=\"index\",\n", "                )\n", "\n", "            with gr.Column():\n", "                image1 = gr.Image(value=TEST_IMAGE_A, interactive=True)\n", "\n", "        def change_image(index):\n", "            if index == 0:\n", "                return TEST_IMAGE_A\n", "            elif index == 1:\n", "                return TEST_IMAGE_B\n", "\n", "        radio2.change(fn=change_image, inputs=radio2, outputs=image1)\n", "        image1.change(fn=alert_change, inputs=[gr.State(\"Image\"), image1])\n", "\n", "    with gr.Tab(label=\"File\"):\n", "        with gr.Row():\n", "            with gr.Column():\n", "                radio3 = gr.Radio(\n", "                    choices=[\"A\", \"B\", \"AB\"],\n", "                    interactive=True,\n", "                    type=\"index\",\n", "                )\n", "\n", "                file_btn = gr.Button(\"Change interactive\")\n", "\n", "            with gr.Column():\n", "                file1 = gr.File(\n", "                    value=[TEST_IMAGE_A, TEST_IMAGE_B],\n", "                    interactive=False,\n", "                    file_count=\"multiple\",\n", "                )\n", "                file1_interactive = gr.State(value=False)\n", "\n", "        def change_file(index):\n", "            if index == 0:\n", "                return [TEST_IMAGE_A]\n", "            elif index == 1:\n", "                return [TEST_IMAGE_A]\n", "            elif index == 2:\n", "                return [TEST_IMAGE_A, TEST_IMAGE_B]\n", "\n", "        radio3.change(fn=change_file, inputs=radio3, outputs=file1)\n", "        file1.change(fn=alert_change, inputs=[gr.State(\"File\"), file1])\n", "\n", "        file_btn.click(\n", "            fn=change_interactive,\n", "            inputs=file1_interactive,\n", "            outputs=[file1, file1_interactive],\n", "        )\n", "\n", "demo.launch()\n"]}], "metadata": {}, "nbformat": 4, "nbformat_minor": 5}

run.py

@@ -0,0 +1,142 @@
+# %%
+import gradio as gr
+
+
+TEST_VIDEO_A = "mp4/a.mp4"
+TEST_VIDEO_B = "mp4/b.mp4"
+
+TEST_IMAGE_A = "img/a.jpg"
+TEST_IMAGE_B = "img/b.jpg"
+
+
+def alert_change(component, value):
+    print(f"Detected {component} change, {type(value)}")
+
+    if type(value) == list or type(value) == str:
+        print(value)
+
+
+def change_interactive(state):
+    return gr.update(interactive=not state), not state
+
+
+with gr.Blocks() as demo:
+    with gr.Tab(label="Text change"):
+        with gr.Row():
+            with gr.Column():
+                textbox1 = gr.Textbox()
+                textbox2 = gr.Textbox(interactive=True)
+
+            with gr.Column():
+                btn = gr.Button()
+
+        def btn_click(state):
+            return state
+
+        def text_change(value):
+            print("text_change", value)
+
+        btn.click(fn=btn_click, inputs=textbox1, outputs=textbox2)
+        textbox2.change(fn=alert_change, inputs=[gr.State("Text"), textbox2])
+
+    with gr.Tab(label="Video change, play, pause"):
+        with gr.Row():
+            with gr.Column():
+                radio1 = gr.Radio(
+                    choices=[TEST_VIDEO_A, TEST_VIDEO_B],
+                    interactive=True,
+                    type="index",
+                )
+
+                video_btn = gr.Button("Change interactive")
+
+            with gr.Column():
+                video1 = gr.Video(value=TEST_VIDEO_A, interactive=False)
+                video1_interactive = gr.State(value=False)
+
+        def change_video(index):
+            if index == 0:
+                return TEST_VIDEO_A
+            elif index == 1:
+                return TEST_VIDEO_B
+
+        def video_play():
+            print("video_play")
+
+        def video_pause():
+            print("video_pause")
+
+        def video_stop():
+            print("video_stop")
+
+        video1.play(fn=video_play)
+        video1.pause(fn=video_pause)
+        video1.stop(fn=video_stop)
+
+        radio1.change(fn=change_video, inputs=radio1, outputs=video1)
+        video1.change(fn=alert_change, inputs=[gr.State("Video"), video1])
+
+        video_btn.click(
+            fn=change_interactive,
+            inputs=video1_interactive,
+            outputs=[video1, video1_interactive],
+        )
+
+    with gr.Tab(label="Image change"):
+        with gr.Row():
+            with gr.Column():
+                radio2 = gr.Radio(
+                    choices=[TEST_IMAGE_A, TEST_IMAGE_B],
+                    interactive=True,
+                    type="index",
+                )
+
+            with gr.Column():
+                image1 = gr.Image(value=TEST_IMAGE_A, interactive=True)
+
+        def change_image(index):
+            if index == 0:
+                return TEST_IMAGE_A
+            elif index == 1:
+                return TEST_IMAGE_B
+
+        radio2.change(fn=change_image, inputs=radio2, outputs=image1)
+        image1.change(fn=alert_change, inputs=[gr.State("Image"), image1])
+
+    with gr.Tab(label="File"):
+        with gr.Row():
+            with gr.Column():
+                radio3 = gr.Radio(
+                    choices=["A", "B", "AB"],
+                    interactive=True,
+                    type="index",
+                )
+
+                file_btn = gr.Button("Change interactive")
+
+            with gr.Column():
+                file1 = gr.File(
+                    value=[TEST_IMAGE_A, TEST_IMAGE_B],
+                    interactive=False,
+                    file_count="multiple",
+                )
+                file1_interactive = gr.State(value=False)
+
+        def change_file(index):
+            if index == 0:
+                return [TEST_IMAGE_A]
+            elif index == 1:
+                return [TEST_IMAGE_A]
+            elif index == 2:
+                return [TEST_IMAGE_A, TEST_IMAGE_B]
+
+        radio3.change(fn=change_file, inputs=radio3, outputs=file1)
+        file1.change(fn=alert_change, inputs=[gr.State("File"), file1])
+
+        file_btn.click(
+            fn=change_interactive,
+            inputs=file1_interactive,
+            outputs=[file1, file1_interactive],
+        )
+
+demo.launch()