Took me a day to finish the above + read on posenet and have it running on a local server. My webcam on my laptop isn’t all that great but should suffice for the time being.
Below are steps for the project so far:
getUserMedia methodof the web media API to detect a webcam and get permission from the user to stream video from the webcam
- Use the setInterval() method to countdown from 3 till 0
- On the count of 0 trigger drawing of current video frame on the canvas using context.drawImage()
- Do this 3 times as there are 3 separate poses or images of poses
- clearInterval() between each count and disable the start button after the countdown begins, because the setInterval() method messes up the global window object