← 返回项目库

Yoha 手势工作台｜浏览器端手部追踪本地预览

Yoha 是一个浏览器端手部追踪引擎；本次交付补齐了不依赖外部模型下载的中文本地预览工作台。

工作台提供手势画板、21 点关键点状态、捏合/握拳/伸展说明、摄像头权限入口和运行设置。绘图与设置可在浏览器中真实交互；追踪数值使用明确标注的演示数据，未接入外部服务。

真实界面

项目截图

共 6 张

手势画板
关键点追踪
手势实验室
摄像头连接
运行设置
关于 Yoha

Capabilities

核心功能

✓中文手势画板与本地交互
✓鼠标/触控绘制和颜色选择
✓捏合绘制与握拳清空演示
✓21 个手部关键点状态页
✓摄像头权限连接入口
✓本地设置持久化与隐私边界说明

适用场景

在浏览器中演示手势驱动绘图
评估手部坐标与姿势事件的信息架构
以 Yoha 与 TensorFlow.js 源码为起点进行二次开发

适合谁

需要评估浏览器手势交互、进行前端二次开发或学习 TensorFlow.js 手部追踪接入的开发者与小团队。

商业化思路

开源源码交付与二次开发服务；商业使用、再分发和网络服务义务按上游 MIT 许可证与版权声明复核。

你会拿到什么

  • ✓中文本地预览源码
  • ✓Yoha 上游 LICENSE、构建产物与运行截图证据

部署流程

  1. 1执行 yarn install --frozen-lockfile --ignore-scripts
  2. 2执行 yarn build
  3. 3将 dist 目录交给静态文件服务器并打开 index.html

真实验证结果

已通过 6 个真实运行中文界面、HTTP、可见正文、控制台、坏图和横向溢出质量门。

部署前须知

追踪数值和关键点画面为本地演示数据；原始模型资产未随上游源码提供，完整 TF.js 摄像头推理需按上游模型下载说明另行配置。

部署难度

中等

最低配置

构建阶段需要 Node.js 与 Yarn；构建完成后可使用任意静态文件服务器提供 dist 页面。

开源许可证

MIT

最后验证

2026-09-02

技术栈

TypeScriptWebpackTensorFlow.jsHTML Canvas浏览器 MediaDevices

授权说明

交付包保留上游 MIT LICENSE 与版权声明；中文化改动不扩大上游许可证授予的权利范围。

Release notes

版本记录

1 个已发布版本

vcn-5096855a0f19 当前推荐

新增中文离线手势工作台，加入画布交互、手势演示、关键点状态、摄像头入口和隐私披露；保留上游引擎源码。

部署要求：Node.js、Yarn；构建后使用任意静态文件服务器。摄像头真实推理需额外准备上游模型资产。

已知问题：本次线上交付证明的是本地预览 UI 与浏览器交互，不宣称外部模型服务或真实摄像头推理已接入。

登录后领取