Detect motions from webcam, play the virtual drums by waving your hands in the air.
https://bensonruan.com/motion-detection-play-drums-with-webcam/
Clone this repository to your local computer
git https://github.com/bensonruan/Motion-Detection-Virtual-Drums.gitPoint your localhost to the cloned root directory
Browse to http://localhost/index.html
- Turn on the Webcam switch and allowing the browser to access your webcam
- Wave you hands in the air to overlay the drums area in the webcam
- When it detects movements in the drums and cymbals area, it will triggered the sound and effect of playing the gear
Please note that on iOS Safari, cameras can only be accessed via the https protocol
- jquery - JQuery
- magic-xylophone - A javascript motion detection experiment.