オープンソースの手追跡と動画合成

Finger Frame Effect AI 指フレームエフェクト

両手で窓を作ると、ブラウザが4本の指先を追跡し、動く映像を内側に表示します。C Dance AIで位置の合ったAIスタイル層を作り、ここで最終合成してください。

  • ブラウザ内で処理
  • MediaPipe手ランドマーク
  • WebM書き出し
指で作ったフレームの中に光る未来都市を映すクリエイター

安定して撮影する

複雑な背景より、4つの指先を明確に

スマートフォンを三脚や安定した台に固定し、柔らかな正面光を使います。両手を画面内に保ち、親指と人差し指で作る開口部を2秒以上維持してください。指が重なる動きや強いブレは追跡を不安定にします。

信頼できる方法は2段階です。C Dance AIが元動画全体を位置の合ったスタイル層に変換し、オープンソース版がランドマークとCanvasで4本の指先の内側に合成します。

使用許可済みのトレンド事例

クリエイターによる指フレーム表現

以下の4本は制作者とXの出典を明記した参考動画で、本プロジェクトの生成結果や学習データではありません。

Sophia Yang · X元投稿
@panpan_kiwi / @koreanoli · X元投稿
@QingQ77 · X元投稿
@venturetwins · X元投稿

質問

Finger Frame Effect AI FAQ

追跡が外れるのはなぜですか?

モーションブラー、指の重なり、暗い照明、手が画面外に出る動きは4点の形状を不安定にします。

オープンソース版と生成版の違いは?

C Dance AIは元動画と各フレームの位置が合うスタイル層を生成し、オープンソース版は動く4本の指先の内側だけに合成します。

他人のバズ動画を使えますか?

自分が所有するか、編集許可を得た映像だけを使用してください。

位置の合ったAIレイヤー

スタイルを生成し、指フレーム内へ追跡

C Dance AIはGemini Omniと厳密な位置合わせプロンプトを開きます。結果をPortal videoとして本デモに読み込んでください。

C Dance AIを開く