midori221の全体構成

1. TensorFlow.jsプラットフォーム
tf.ready()でプラットフォームを初期化（1回だけ実行）。機械学習モデルを実行するための環境を準備します。
↓
2. MediaPipe Face Detection検出器
modelType: 'short'で軽量モデルを読み込み。2メートル以内の距離に最適化された高速な顔検出モデルです。
↓
3. カメラストリーム管理
getUserMedia()でカメラアクセス。複数のカメラデバイスを検出し、切り替え可能。ストリームの適切な解放でリソースを管理します。
↓
4. リアルタイム検出ループ
requestAnimationFrameでブラウザのリフレッシュレートに同期。約60 FPSで顔検出を実行します。
↓
5. Canvas描画システム
Canvas 2D APIで顔枠・特徴点・信頼度スコアを描画。グロー効果で視認性を向上させています。
↓
6. UIコンポーネント
カメラ選択パネル、検出人数カウンター、ステータスインジケーター。グラデーション背景とアニメーション効果で、モダンなUIを実現しています。
データの流れ:
カメラ映像 → 検出器（顔検出） → 検出結果（位置・信頼度・特徴点） → Canvas描画 → UI更新（人数カウンター・ステータス）