Pin gradio and use Blocks+Image for webcam

app.py

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

requirements.txt

@@ -1,4 +1,4 @@
-gradio
+gradio==3.39.0
 deepface
 tensorflow
 opencv-python