オープンソースの手追跡と動画合成
Finger Frame Effect AI 指フレームエフェクト
両手で窓を作ると、ブラウザが4本の指先を追跡し、動く映像を内側に表示します。C Dance AIで位置の合ったAIスタイル層を作り、ここで最終合成してください。
- ブラウザ内で処理
- MediaPipe手ランドマーク
- WebM書き出し

安定して撮影する
複雑な背景より、4つの指先を明確に
スマートフォンを三脚や安定した台に固定し、柔らかな正面光を使います。両手を画面内に保ち、親指と人差し指で作る開口部を2秒以上維持してください。指が重なる動きや強いブレは追跡を不安定にします。
信頼できる方法は2段階です。C Dance AIが元動画全体を位置の合ったスタイル層に変換し、オープンソース版がランドマークとCanvasで4本の指先の内側に合成します。
使用許可済みのトレンド事例
クリエイターによる指フレーム表現
以下の4本は制作者とXの出典を明記した参考動画で、本プロジェクトの生成結果や学習データではありません。
質問
Finger Frame Effect AI FAQ
追跡が外れるのはなぜですか?
モーションブラー、指の重なり、暗い照明、手が画面外に出る動きは4点の形状を不安定にします。
オープンソース版と生成版の違いは?
C Dance AIは元動画と各フレームの位置が合うスタイル層を生成し、オープンソース版は動く4本の指先の内側だけに合成します。
他人のバズ動画を使えますか?
自分が所有するか、編集許可を得た映像だけを使用してください。
位置の合ったAIレイヤー
スタイルを生成し、指フレーム内へ追跡
C Dance AIはGemini Omniと厳密な位置合わせプロンプトを開きます。結果をPortal videoとして本デモに読み込んでください。