This is V2 of my first project for WDI26 Piano Hero (more info on this project is in the readme for this repo) now with MIDI controller support using WebMidi.js. Just plug in your MIDI keyboard, click 'Detect MIDI input', select your device from the dropdown list, then play!
- Audacity
- Javascript, HTML5, CSS
- jQuery
- WebMidi.js
- reset.css
New features I may add in future:
- A bank of well-known tunes for you and the computer to play
- Backing tracks
- Metronome
- Different samples for the keys
Piano samples from http://theremin.music.uiowa.edu/MISpiano.html
'Ping' sound effect from https://www.freesound.org/people/BristolStories/sounds/51702/
Font by Google Fonts https://fonts.googleapis.com/css?family=Cardo