I had been interested in trying out the new HTML5 Web Audio API. When I saw Filepicker was holding a contest to see who can created the coolest app using a new HTML5 API I thought this would be a great opportunity to try something new.

How it works

The app provides a GUI that lets you create a processing pipeline where the input is an audio file and the output is that audio file altered by various filters you can add.

Challenges I ran into

There were lots of issues I had to work around when dealing with disconnecting and reconnecting audio nodes to each other. At the time the web audio api did not make this very easy.

Accomplishments that I'm proud of

The app was chosen as one of three winners and I got free tickets to 2012 HTML5 Developer Conference.

What I learned

One interesting thing I learned was how wave convolutions work. With this technique you can take the sound of clapping, combine it with the impulse response of a sound recorded in a room with lots of echo, and you get a sound of clapping in a very echoey room.

What's next for audiograph

Audiograph was mostly just a fun project to learn something new. I don't plan an anymore work on this project.

Share this project: