What the heck is it?
HTML5 Canvas Piano, is a "fully" functional piano created entirely in the browser using <canvas /> and <audio/> It can play and visualize single notes but you can also choose to play chords by selecting one from the dropdown at the top right of this page. These chords will then be played by composing them from single notes.
You can only control the first 2 octaves, the other two are purely visual.
Is it reliable?
NO, especially in this first version some notes might be dropped from chords when you attempt to play them.
Why was it then developped?
Mostly as a fun weekend project, to get more familiar with HTML5 goodness. This is actually a port of Rhodes Piano for mIRC which I made 5 years ago in reaction to negative sounds in the mIRC scripting scene saying "everything has been done already" . The <canvas /> works in a very similar way as picture windows do in mIRC Script thus the idea of porting was born.
Roadblock
- Investigate why notes are sometimes lost
If you have cool idea's please mention them on the github issues page.
Author
Made by Martijn Laarman (@Mpdreamz)
License information
Code and images (Html5 logo excluded) are MIT licensed.
Samples taken from freesound.org courtesy of Tim Tapes and are licensed under:
