开源手部追踪与视频合成

Finger Frame Effect AI 手指取景特效

用双手组成一个窗口。浏览器追踪四个指尖,把另一个动态画面稳定地显示在手框中。前往 C Dance AI 生成逐帧对齐的 AI 风格层,再回到这里完成最终合成。

  • 视频留在浏览器
  • MediaPipe 手部关键点
  • 支持 WebM 导出
创作者用双手组成取景框,指间出现发光的未来城市

怎么拍更稳

清晰的四个指尖,比复杂背景更重要

把手机固定在三脚架或稳定平面上,使用柔和的正面光,让两只手完整入镜。拇指和食指组成的开口至少保持两秒,不要让手指互相遮挡。先用四到八秒的短视频测试,再根据追踪轮廓调整动作速度和光线。

可靠流程分两步:C Dance AI 先把完整源视频重绘成逐帧对齐的风格层;开源版本再使用手部关键点和 Canvas 多边形裁剪,把风格层合成到四个指尖之间。

已授权趋势案例

手指取景特效的热门表达

以下四条视频均保留创作者与 X 原帖来源,用于说明趋势演变,不是本项目的生成结果或训练数据。

Sophia Yang · X 原帖
@panpan_kiwi / @koreanoli · X 原帖
@QingQ77 · X 原帖
@venturetwins · X 原帖

常见问题

Finger Frame Effect AI FAQ

为什么取景框会丢失追踪?

运动模糊、手指重叠、光线不足或任意一只手离开画面,都会让四角几何结构失效。先减慢动作并补光。

开源 Demo 和 AI 生成有什么区别?

C Dance AI 生成与源视频逐帧对齐的完整风格层;开源 Demo 负责四指追踪,并只把该风格层裁进移动手框。

可以用别人的热门视频吗?

只应使用你拥有或取得编辑许可的素材。公开帖子不会自动授予二次创作或再分发权。

生成对齐风格层

先生成风格,再把它追踪进手框

C Dance AI 会预选 Gemini Omni 和严格对齐提示词。下载结果后,把它作为 Portal video 放入本 Demo 完成合成。

打开 C Dance AI