Update app.py

app.py

@@ -25,42 +25,17 @@ ACTOR_VIDEOS = {
     },
 }
 
-# Function to change video based on actor selection
-def change_video(actor_name):
-    video_url = ACTOR_VIDEOS[actor_name]["video_url"]
-    return f'<video width="100%" controls autoplay><source src="{video_url}" type="video/mp4"></video>'
-
-# Create custom HTML input for actor images
-actor_names = list(ACTOR_VIDEOS.keys())
-
-# Initial actor selection (you can set this to any default actor)
-initial_actor = "Original"
-
-html_input_parts = ['<div>\n<style>.selected {border: 3px solid #FFD700; border-radius: 5px;}</style>']
-
-for name in actor_names:
-    img_part = f'<img id="{name}" src="{ACTOR_VIDEOS[name]["image_url"]}" alt="{name}" style="width:100%; max-width:150px; cursor:pointer; margin: 5px;'
-    
-    if name == initial_actor:
-        img_part += ' class=\'selected\''
-    
-    img_part += f'" onclick="for (let img of document.getElementsByTagName(\'img\')) {{ img.classList.remove(\'selected\'); }}; this.classList.add(\'selected\'); Gradio.inputs[0].value = \'{name}\'; Gradio.submit();" />'
-    
-    html_input_parts.append(img_part)
-
-html_input_parts.append('</div>')
-
-html_input = "\n".join(html_input_parts)
+import gradio as gr
 
+def test_html(inp):
+    return f"You selected: {inp}"
 
-# Create Gradio Interface
 iface = gr.Interface(
-    fn=change_video, 
-    inputs=gr.HTML(html=html_input, live=True),
-    outputs=gr.HTML(label="Your Video"),
-    live=True,
-    title="Black Mirror Meets The Office: Michael Scott Is Awful",
-    description="Choose an actor below and watch them step into the shoes of Michael Scott"
+    fn=test_html, 
+    inputs=gr.HTML(html='<button onclick="Gradio.inputs[0].value = \'Hello\'; Gradio.submit();">Click me</button>'),
+    outputs="text",
+    live=True
 )
 
 iface.launch()
+