MEDIAPIPE · JAVASCRIPT · IMAGE

顔検出を一枚の画像で試す

画像を選んでボタンを押すと、人の顔を検出して枠を描きます。AIが返す座標とスコアも確認できます。

人物画像はAI作成、猫の写真は運営者の愛猫です。FaceDetectorは人の顔を対象とするため、猫での検出は保証されません。

1. 画像を選ぶ

プロジェクト内のサンプル画像

JPEG・PNG・WebP、20 MBまで。選んだ画像はブラウザ内で処理します。

初回はSDK・WASM・モデルを読み込むため時間がかかります。推論時間には読み込みと描画の時間を含みません。

画像を読み込んでいます。

2. 入力と検出結果を見比べる

入力画像
検出結果（緑の枠＝顔）
顔の検出数
未実行
入力 → 推論サイズ
読み込み中
推論時間
未実行
実行先
未初期化

画像の長辺は最大960 pxに縮小してから推論します。枠の座標は、この縮小後の画像に対するピクセル値です。

3. AIから返ったデータを見る

boundingBoxは顔を囲む長方形、categories[].scoreは検出スコアです。表示用に小数を丸めています。

検出結果のJSON 
まだ実行していません。