Live beatbox sample replacement in the browser. Created at the Protothon No. 4 Rethinking Real-Time hack day.
-
Install the latest Chrome Canary browser
-
Enter
chrome://flagsin the address bar and hit return. Search the page for 'web audio input' and check it's enabled. -
Visit the live demo and allow audio access (and camera, if you want to test the filter effect by waving a slice of pizza around).
-
Beatbox! You don't have to sound good, just make subby bass and sizzling snare sounds.
-
Change drum sample sounds with the top drop down menu.
The effects controls at the top don't work, that's the rough GUI that wasn't finished. The top genre drop-down will change beat sounds, though.
Install dependencies
npm install grunt -gnpm install bower -gnpm installbower install
Start grunt watcher
grunt watch