Web Audio API: where to start ?

Here’s a list of links that helped me grasp the Web Audio API. Have fun!

start here:
simple tutorial about playing sounds, using filters, changing parameters, loading samples into buffers: http://www.html5rocks.com/en/tutorials/webaudio/intro/

timing:
dealing with the bad clock of javascript (and making full use of the accurate API one): http://www.html5rocks.com/en/tutorials/audio/scheduling/

details:
the web audio api specification should be your main reference document: http://www.w3.org/TR/webaudio/
note that some of the names are different for Safari and Chrome.
there is a fix called monkey patch for dealing with these differences.

writing your own scriptProcessorNode (web audio uGen):
when using these self written nodes in a graph of other nodes you may find out that they have some limitations compared to normal nodes (in terms of garbage collection). Here an explanation of working around these: http://sriku.org/blog/2013/01/30/taming-the-scriptprocessornode/#vanishing-script-node

GUI:
dat.GUI can be a nice start to make a quick GUI, don’t forget that making your own is not that hard with HTML5 and jQuery.

Chris
video of Chris Rogers, showing off some the api using some nice demo’s and talking about the history.

JavaScript:
Read the small book by Crockford, “JavaScript: the good parts”. This is not strictly a JavaScript tutorial, it is more like a very precise description of how to code properly in the language. Other tutorials might be easier, but this will bring a deeper understanding of how to make coding pleasant.

Finally (this may be very obvious) but don’t forget that you can test JavaScript snippets & commands in the error console of Safari [alt+apple+c] & [alt+apple+j] in Chrome.

my own stuff:
maze ensemble web app
maze ensemble web app (earlier version)
feedback delay test

Keep an eye on this website for future experiments !