Use gr.Interface with gr.inputs.Image for webcam support

app.py

@@ -2,16 +2,17 @@ import gradio as gr
 from deepface import DeepFace
 
 def analyze_frame(frame):
-    # DeepFace 接收的是 RGB numpy array
+    # frame 这里就是从摄像头抓到的 numpy array
     result = DeepFace.analyze(frame, actions=['emotion'], enforce_detection=False)
     return result['dominant_emotion']
 
-# Gradio Blocks 布局
-with gr.Blocks() as demo:
-    gr.Markdown("## 📱 手機瀏覽器實時臉部情緒分析")
-    webcam = gr.Camera(label="對準你的臉")
-    emotion = gr.Textbox(label="識别到的情緒")
-    webcam.change(fn=analyze_frame, inputs=webcam, outputs=emotion)
+demo = gr.Interface(
+    fn=analyze_frame,
+    inputs=gr.inputs.Image(source="webcam", label="對準你的臉"),
+    outputs=gr.outputs.Textbox(label="識別到的情緒"),
+    title="📱 手機瀏覽器即時臉部情緒分析",
+    live=True
+)
 
 if __name__ == "__main__":
     demo.launch()