MEDIAPIPE · JAVASCRIPT · IMAGE

InteractiveSegmenterで指定した猫の領域を選ぶ

画像をクリック・タップして対象の位置を指定し、実行ボタンを押します。指定位置を中心とした短い線を、対象に含める手掛かりとして渡します。新しいAPIのsetImageとsegmentで領域マスクを得て、青緑の色で重ねます。

人物はプロジェクト内のAI生成画像、猫は運営者の愛猫です。画像はブラウザ内で処理し、推論用サーバーへ送信しません。初回は外部CDNとGoogleからSDK・モデルを取得します。

1. 画像を選んで実行する

サンプル画像

JPEG・PNG・WebP、20 MBまで。長辺960 pxへ縮小します。

入力画像をクリック・タップして指定する短い線の中心を移動できます。黄色い線を対象の内側へ合わせます。キーボードでは次のスライダーを使います。

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

2. 実行結果を確認する

入力画像
指定点を含む領域の色付け
選択した面積の割合
未実行
入力 → 推論サイズ
準備中
推論・結果処理の時間
未実行
実行先
未初期化

時間はモデル初期化を除き、推論と結果の加工・描画を含みます。端末によって変わり、性能保証ではありません。

まだ実行していません。

3. 出力JSONを読む

結果のデータ(小数は表示用に丸めています)
まだ実行していません。