Blame for benchmark/mediapipe.html

<!doctype html><html lang="ja"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>全身トラッキング · MediaPipe比較</title><style>
*{box-sizing:border-box}body{max-width:1200px;margin:32px auto;padding:0 22px;background:#f5f5f0;color:#20352c;font:14px/1.7 system-ui,sans-serif}section{background:white;border:1px solid #dce4d8;border-radius:9px;padding:20px;margin:16px 0}button,input,select{font:inherit;padding:8px}button{background:#194f40;color:white;border:0;border-radius:5px;cursor:pointer}button:disabled{opacity:.4}label{display:inline-flex;gap:7px;align-items:center;margin:6px 18px 6px 0}input[type=number]{width:76px}video{width:100%;max-height:280px;background:#102a23}table{width:100%;border-collapse:collapse;font-size:12px}td,th{padding:9px;border-bottom:1px solid #e3e8df;text-align:left}small{color:#6e7f65}a{color:#286951}.table-wrap{overflow-x:auto}.bad{color:#a04c33}#status{white-space:pre-wrap;overflow-wrap:anywhere}</style><script type="module" src="./mediapipe.js"></script></head><body>
<h1>MediaPipe Pose / Holisticの全身比較</h1><p><a href="./">RTMW3Dの実行経路比較へ戻る</a></p><p>足首・踵・足先を含む33点の身体推定と、顔・手も処理するHolisticを比較します。初回に公開SDKとモデルを取得します。動画・姿勢データは外部へ送信しません。</p>
<section><h2>1. 同じローカル動画と人物範囲</h2><input id="video-file" type="file" accept="video/*"><video id="video" controls playsinline muted></video><label>ROI左 % <input id="x" type="number" value="0" min="0" max="99"></label><label>ROI上 % <input id="y" type="number" value="0" min="0" max="99"></label><label>ROI幅 % <input id="w" type="number" value="100" min="1" max="100"></label><label>ROI高 % <input id="h" type="number" value="100" min="1" max="100"></label><p><small>RTMW3D比較と同じ動画・ROIを指定してください。同じ20%・50%・80%の3時刻を288×384へ切り抜いて反復します。連続動作の安定性検証ではありません。</small></p></section>
<section><h2>2. 比較対象</h2><div id="models"><label><input type="checkbox" value="pose:0">Pose Lite</label><label><input type="checkbox" value="pose:1" checked>Pose Full</label><label><input type="checkbox" value="holistic:0">Holistic Lite</label><label><input type="checkbox" value="holistic:1" checked>Holistic Full</label></div><p><small>Pose SDK 0.5.1675469404 / Holistic SDK 0.5.1675471629を固定。顔・手を含むHolisticは543点構成で、133点と同じ骨格・座標契約ではありません。使用SDKがworld座標を返さない場合は「取得なし」と表示します。33点のworld座標も腰を原点とする推定値で、部屋内の絶対位置ではありません。</small></p><label>入力相当数 <select id="views"><option>1</option><option>2</option><option>3</option><option>4</option></select></label><label>計測回数 <input id="iterations" type="number" value="200" min="12" max="1000"></label><button id="start">選択した構成を比較</button> <button id="stop" disabled>停止</button> <button id="download" disabled>結果JSON</button><p><small>検出・追跡・姿勢推定を含むパイプライン全体の時間です。人物検出を含まないRTMW3D単体とは測定範囲が異なります。未検出時の速さを追跡成功として扱いません。</small></p><pre id="status" role="status"></pre></section>
<section class="table-wrap"><table><thead><tr><th>構成</th><th>p50 / p95 ms</th><th>合計fps</th><th>入力あたりfps</th><th>身体33点取得</th><th>足6点可視</th><th>world33点取得</th><th>状態</th></tr></thead><tbody id="results"></tbody></table></section><p><a href="https://developers.google.com/edge/mediapipe/solutions/vision/pose_landmarker">MediaPipe Pose公式</a> · <a href="https://github.com/google-ai-edge/mediapipe/blob/master/docs/solutions/holistic.md">Holistic公式</a></p></body></html>