双手一框,画面即变

举起双手,用拇指和食指组成取景框。滤镜会实时出现在你框出的区域内。

点击后才会请求摄像头权限

浏览器本地处理实时滤镜不上传摄像头画面
十五种视觉风格从电影级智能助理屏到四角雷霆裂隙
直接保存视频录制完成后即可下载,不包含音频

从第一次举手,到保存成片

手势魔法不是上传后等待生成的视频工具,而是一套直接运行在浏览器里的实时视觉实验。摄像头画面、手部关键点和滤镜合成都在当前设备中完成;你可以先了解操作方法,再决定是否授权摄像头。

  1. 启动并允许摄像头

    点击“启动实时滤镜”后,页面才会检查设备并请求权限。需要使用 HTTPS 或 localhost 打开。

  2. 让两只手完整入镜

    左右手分别张开拇指和食指,组成一个清晰四边形。双手离镜头稍远,识别会更稳定。

  3. 选效果并录制

    从底部效果栏切换风格,画面稳定后开始录制。停止后可保存最终合成视频,当前不包含音频。

十五种效果,分别适合什么画面

所有效果都只作用于双手围出的区域。基础效果适合快速理解交互,风格化效果更适合人物和物体,空间效果则会把手势框变成一块动态视觉界面。

基础变换
像素、柔焦、反相、黑白
风格重绘
故障、动漫、油画、热成像、棱镜
动态空间
电弧、全息、网点、残影、智能屏、雷霆

浏览器里实际发生了什么

MediaPipe Hand Landmarker 在本地追踪两只手的关键点,Canvas 2D 将镜像摄像头、动态四边形和选中的滤镜逐帧合成。这里的实时效果不是云端 AI 生成,也不会把摄像头画面发送到本站服务器。

处理位置
当前浏览器与设备
识别目标
最多两只手的拇指与食指关键点
首次加载
需要下载手势模型与运行资源
视频保存
由浏览器在本地生成 MP4 或 WebM

使用前常见问题

摄像头已经打开,为什么还没有特效?

需要同时识别到两只手,并让两只手的拇指与食指形成清晰的取景框。避免手指重叠、强逆光或只露出半只手;移动端建议将手机固定后再操作。

为什么第一次启动会比之后慢?

首次进入需要准备手势识别模型和浏览器运行资源,速度取决于设备性能与网络。加载完成后,滤镜渲染会继续在本地进行。

手机和电脑都能使用吗?

最新版 Chrome、Edge、Safari 等支持摄像头和 WebAssembly 的浏览器通常可以运行。移动设备性能差异较大,页面会降低部分粒子密度以保持交互流畅。

录制的视频会上传吗?

不会。录制来自页面最终合成的 Canvas 画面,并由浏览器在本地生成下载文件。更完整的数据处理说明请查看隐私说明。