Switch to gradio Blocks+components for webcam

app.py

@@ -1,16 +1,15 @@
-import gradio as gr
+from gradio import Blocks, components
 from deepface import DeepFace
 
 def analyze_frame(frame):
     result = DeepFace.analyze(frame, actions=['emotion'], enforce_detection=False)
     return result['dominant_emotion']
 
-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)
+with Blocks() as demo:
+    demo.markdown("## 📱 手機瀏覽器即時臉部情緒分析")
+    webcam = components.Image(source="webcam", tool="editor", label="對準你的臉")
+    emotion = components.Textbox(label="識別到的情緒")
+    webcam.change(fn=analyze_frame, inputs=webcam, outputs=emotion)
 
-if __name__ == "__main__":
+if __name__=="__main__":
     demo.launch()