Ever wondered what it would be like to be Bruce Lee? Ever wished your every slightest limb movement would be accompanied by a cool swooshing air sound? Ever wanted your punches and kicks to make amazing wood-block-snapping noises?
Yes, yes and yes?
Martial arts experts train for years - often decades - to master the skills needed to create these amazing sound effects. Thanks to the power of the modern web platform, you can now experience what it feels like to possess such skills.
This is an experiment in using the getUserMedia and Web Audio APIs to implement simple motion detection which triggers audio playback.
The motions detection is based on a method outlined in this article by Soundstep and borrows from an implementation at ReallyGood/js-motion-detection.
- Variable sensitivity to motion
- View the motion detection canvas to see what it sees
- Customize the movie title and star name, which is encoded in the URL hash for sharing
- Real kung fu sounds
- Feel powerful and cool
- Also works great with kids/babies and animals
Currently the browsers that support both getUserMedia and Web Audio are Chrome, Firefox and Opera.
The following images were used in the poster and require attribution:
MIT