HTML5 Visualizer with MIDI Input

August 01, 2014

This visualizer was originally intended to present chords and tones for the Decomposing Pianos project 88 Years. An interactive piano keyboard was made using HTML5 canvas such that sounds could be played and portraits displayed. This evolved into an experimentation phase in javascript, where several abstract visualizations were made to represent each note on the piano keyboard. The Jazz-Soft MIDI plugin was implemented to directly trigger the piano keyboard resulting in this video, as screen captured with Firefox 19. It should be noted there is a webMIDI API in development.