Monday, November 12, 2012

HTML5 JavaScript Piano - with Data URIs

HTML5 JavaScript Piano - with Data URIs


This synth piano is written solely using HTML, JS, and CSS. It contains a small handful of synths with configurable decays, a looper, demo mode, visual mode, and a variety of colors. View controls by hitting the top-right button on the piano.

It doesn't use a single static audio file, instead it generates them on the fly at the byte level and then converts them to files using the data URI schema. On a similar note, it doesn't use a single image either, just CSS. You can make pretty much any kind of file with a data URI

audio.js

piano.js

No comments: