3 ms·
Nice visualization. Looking at the keyboard from the side [1] reminds me of some youtube piano tutorials [2] where the keys drop from above (just like guitar he
by bbx 14y ago
Nice visualization. Looking at the keyboard from the side [1] reminds me of some youtube piano tutorials [2] where the keys drop from above (just like guitar hero).
I tried to drag & drop one of my MIDI files (as advised) but it didn't work.
A MIDI element is basically 3 values: height (pitch), length (duration), and velocity (intensity). The latter is the only one not implemented (the colors don't seem to mean anything in particular).
One interesting (but probably difficult to implement) feature would be to distinguish both left and right hands.
[1]: http://imgur.com/lYhLpHW http://imgur.com/lYhLpHW
[2]: http://www.youtube.com/watch?v=5F7GNQAO4T4 http://www.youtube.com/watch?v=5F7GNQAO4T4
- chipsy 14y agoThe reason why it's missing velocity is because the MIDI.js implementation used is a simple sample player - it converts Soundfonts into a subset format. Basic features like pitch bends and vibrato are not possible from this format. (With the newest revisions of Web Audio API it should now be possible to make a performant, fully-featured Soundfont implementation.)
- roryokane 14y agoThose falling-note videos use Synthesia (formerly known as Piano Hero): https://www.synthesiagame.com/ https://www.synthesiagame.com/.