Managing movement in the browser


🚀 To implement movement control, the following components are required: webcam video, machine training to track your hand movements and logic of gesture.
💡 The author notes that to understand the article you need to have a common acquaintance with HTML, CSS and JavaScript.
- 📌 The first step is to get video duds. This uses API GetMediadevices browser.
- 📌 The second step is to track your hand movements. To do this, the author proposes to use the Google Machine Learning Library called Mediaapipe.
- 📌 The third step is to detect gestures. The author proposes to add some delay before registering a change from the condition of "pinks" to not "pinch" and vice versa.
Для підготовки контенту ми дослідили статті, присвячені сучасним підходам у створенні сайтів, UX/UI дизайну та просуванню в Google:
https://www.smashingmagazine.com/2022/10/motion-controls-browser/