Saturday, February 9, 2013

Web Guitar

I finally got around to porting some of my old code to use HTML5's Web Audio API. It's a guitar tab editor that uses web audio to playback your tabs. The sound is synthesized using the code in the textarea below the editor. By default, the code is a basic string pluck synthesis, but you can change it to produce whatever waveforms you'd like.

It's primitive. It hasn't been tested on anything other than chrome. The UI has no documentation. It's got some growing up to do, but it's still fun to play around with.

Here it is: Web Guitar Demo

Load the example "Moonlight sonata" and press play.

Hint: clicking above the strings in the editor will toggle between 4, 8, 16, 1, 2 which is the reciprocal of the duration of the note. Also, after clicking on a string, you can navigate the editor using the arrow keys.