npm install @handtracking.io/yoha
Please note:
- You need to serve the files from
node_modules/@handtracking.io/yoha
. (Webpack Example) - You need to serve your page with https. (Webpack Example)
- You should use cross-origin isolation as it improves the engine's performance in certain scenarios. (Webpack Example)
YoHa is a hand tracking engine that is built with the goal of being a versatile solution in practical scenarios where hand tracking is employed to add value to an application. While ultimately the goal is to be a general purpose hand tracking engine supporting any hand pose, the engine evolves around specific hand poses that users/developers find useful. These poses are detected by the engine which allows to build applications with meaningful interactions. See the demo for an example.
YoHa is currently only available for the web.
YoHa is currently in beta.
About the name: YoHa is short for ("Your Hand Tracking").
YoHa was built from scratch. It uses a custom neural network trained using a custom dataset. The backbone for the inference in the browser is currently TensorFlow.js
- Detection of 21 2D-landmark coordinates (single hand).
- Hand presence detection.
- Hand orientation (left/right hand) detection.
- Inbuilt pose detection.
- Pinch (index finger and thumb touch)
- Fist
Your desired pose is not on this list? Feel free to create an issue for it.
YoHa was built with performance in mind. It is able to provide realtime user experience on a broad range of laptops and desktop devices. The performance on mobile devices is not great which hopefuly will change with the further development of inference frameworks like TensorFlow.js
Please note that native inference speed can not be compared with the web inference speed. Differently put, if you were to run YoHa natively it would be much faster than via the web browser.
git clone https://github.com/handtracking-io/yoha && \
cd yoha && \
yarn && \
yarn start
The most prominent hand tracking solution for the web is from mediapipe. It is a very general and performant solution that keeps evolving and supports a lot of different deployment methods. In terms of performance the solution from mediapipe is faster. There is reason to believe that this is due to mediapipe using a different and closed source inference engine.
Hey, I'm Benjamin. I started out making this project because I wanted to make
the web more interactive (especially due to covid imposed home office). Existing
solutions did not offer what I was looking for so I built my own.
[email protected]