Slide 6
Slide 6 text
リアルタイム感情分析App
作ってみた
フロントエンド
• Next.js + React + TypeScript
• react-webcam でWebカメラ映像取得
→ Mediapipe(顔検出) → 推定した感情を
WebSocketでサーバに送信
• サーバからのアラートや感情スコアを
受け取り、グラフ表示・ポップアップ表
示
バックエンド:
• Go + Gin + Gorilla WebSocket
• WebSocketで受け取った感情を一定時
間蓄積 → しきい値を超えると全クライア
ントに「怒り警告」などアラートを送信