初期化フロー
1
DOMContentLoaded
ページ読み込み完了
↓
2
TensorFlow.js初期化
プラットフォームの準備
↓
3
face-api.jsモデル読み込み
tinyFaceDetector, ageGenderNet, faceExpressionNet
↓
4
MediaPipe Face Detector初期化
バックアップとして使用
↓
5
カメラストリーム取得
getUserMediaでカメラにアクセス
↓
6
顔検出開始
requestAnimationFrameでループ開始
↓
7
detection-complete
検出完了、結果を表示
トラブルシューティング:
face-api.jsが固まったら、このフローを追えば原因を特定しやすくなります。