TensorFlow.js lets a trained machine-learning model run in a browser. A hand-recognition model trained with Google’s TensorFlow framework in Python can be used through JavaScript, while the training process itself remains outside the browser. section 15.4
A browser hand-tracking integration typically combines these pieces:
- Render tracking details to a canvas while using a Web Component to hide the library and video-processing complexity. section 15.4
Hand-tracking Web Component
Extend a video component, load the hand-tracking model in the constructor, and call detect on the component’s video element. A demo page supplies the non-module Handtrack.js dependency, enables camera and canvas display, and listens for hand-location events. The same component can drive a Web Harp interface.


