顔検出とモザイク — MediaPipe Web入門

Node.js LTSをインストールし、VS Codeでこのフォルダーを開く。
PowerShell: npx.cmd --yes http-server . -p 8080 -c-1
ブラウザ: http://127.0.0.1:8080/ を開いて実行ボタンを押す。
macOS/Linux: npx --yes http-server . -p 8080 -c-1
終了: Ctrl+C。SDK・WASM・モデル取得にはインターネットが必要。

人物: public/images/tool-examples/ai-face-mosaic/before.jpg（既存AI生成素材）
猫: public/images/hero-cats.jpg（運営者の愛猫、人モデルの対象外の比較）
SDK: @mediapipe/tasks-vision 0.10.34
モデル: BlazeFace full-range float16の公式配布版1
AIが返した枠に12%の余白を加え、Canvasで12 px程度の粒を作る。
自動検出だけで匿名化が保証されるわけではない。完成画像は必ず確認する。