从第一次举手，到保存成片
这不是上传后等待生成的视频服务。手部关键点识别、画面裁切、滤镜合成和视频录制都在当前浏览器中完成。内容首页与实时工具使用不同网址，工具页不加载广告代码。
- 01
允许摄像头
进入实时工具后，点击启动按钮才会请求权限。需要通过 HTTPS 或 localhost 使用。
- 02
组成取景框
让两只手完整入镜，分别张开拇指和食指。手指避免重叠，识别会更稳定。
- 03
选择并录制
从底部工具栏选择效果。停止录制后可直接下载本地生成的 MP4 或 WebM 文件。
十五种效果如何选择
基础变换适合快速理解操作；风格重绘适合人物与物体；动态空间效果会把取景框变成一块持续运动的视觉界面。
- 基础变换
- 像素、柔焦、反相、黑白
- 风格重绘
- 故障、动漫、油画、热成像、棱镜
- 动态空间
- 电弧、全息、网点、残影、智能屏、雷霆
浏览器里实际发生了什么
MediaPipe Hand Landmarker 追踪两只手的关键点，Canvas 2D 将镜像摄像头、动态四边形和滤镜逐帧合成。实时效果不是云端 AI 生成。
- 处理位置
- 当前浏览器与设备
- 识别目标
- 最多两只手的关键点
- 视频保存
- 浏览器本地生成，不包含音频
使用前常见问题
摄像头打开后为什么还没有特效？
需要同时识别到两只手，并让两只手的拇指与食指形成清晰四边形。避免强逆光、手指重叠或只露出半只手。
为什么第一次启动会稍慢？
首次启动需要准备手势识别模型和浏览器运行资源。模型完成后会被浏览器缓存，后续进入通常更快。
手机和电脑都能使用吗？
支持摄像头、WebAssembly 和 Canvas 录制的现代浏览器通常可以运行。移动端会降低部分采样密度，以优先保持手势跟随。
录制的视频会上传吗？
不会。录制来自最终 Canvas 合成画面，只暂存在当前页面内存中，下载、刷新或关闭页面后即不再由页面保留。