Demo files supporting the Toptal blog article about webaudio
##Prerequisites##
- Google Chrome 39 or above with #enable-web-midi flag activated
- Some MIDI controller connected to your computer
##How To Use##
git clone https://github.com/stephanepericat/toptal-webaudio-demo.git
cd toptal-webaudio-demo/
npm i && bower i
npm start
Go to http://localhost:3000/
##MIDI Devices##
Any MIDI device should be picked up by the demo.
Remember to connect your MIDI device before starting your browser.
##Live Demo##
Try it out here!
##Computer keyboard support##
If you do not own a midi device, you can still test the application using your computer keyboard. To do so, simply checkout the 'keyboard' branch of this repository. The following keys are mapped:
| Note | Letter |
|---|---|
| C | a |
| C# | w |
| D | s |
| D# | e |
| E | d |
| F | f |
| F# | t |
| G | g |
| G# | y |
| A | h |
| A# | u |
| B | j |
You can also change octaves:
zfor octave downxfor octave up