Examples:

• Google Doodle: http://www.google.com/doodles/robert-moogs-78th-birthday
• Chrome: http://www.chromeexperiments.com/tag/audio/
• Chromium: http://chromium.googlecode.com/svn/trunk/samples/audio/index.html
• Drum Box Controller: http://box.cloudymedia.com/
• Github list of demos: https://github.com/WebAudio/demo-list
• Find the Invisible Cow: http://findtheinvisiblecow.com/
• WebAudioSynth: http://aikelab.net/websynth/
• FM with Web Audio API: http://greweb.me/2013/08/FM-audio-api/
• Custom audio effects in Javascript with the Web Audio API: http://noisehack.com/custom-audio-effects-javascript-web-audio-api/
• Web Audio Demos: http://webaudiodemos.appspot.com/
  • MIDI Synth demo: http://webaudiodemos.appspot.com/midi-synth/index.html
  • MIDI Drum machine: http://webaudiodemos.appspot.com/MIDIDrums/index.html
  • Web Audio Playground: http://webaudioplayground.appspot.com/#
• thingy: http://cbateman.com/blog/a-web-audio-api-toy/
• Distortion: http://s0.licson.net/demos/AudioDistort/
• Mulitiple oscillators: http://jsfiddle.net/ryanhagz/YRsE7/6/
• With WebGL (interactive 3D): http://srchea.com/blog/2013/05/experimenting-with-web-audio-api-three-js-webgl/ (should fix it for Safari)
• Audio Player Plugins: http://www.designyourway.net/drb/jquery-and-audio-on-web-20-audio-player-plugins/
• Web Audio Input
  • http://codepen.io/matt-west/pen/lAFnx
  • http://webaudiodemos.appspot.com/pitchdetect/index.html
  • http://typedarray.org/from-microphone-to-wav-with-getusermedia-and-web-audio/
• Drop soundfile: http://thecodeplayer.com/walkthrough/5b66bac8ec98ba14a80ca0c83169d51f
• Frequency analyser with visualization: http://24ways.org/2013/make-your-browser-dance/
• Drag-&-drop audio meter: http://thecodeplayer.com/walkthrough/5b66bac8ec98ba14a80ca0c83169d51f
• Visualization: http://wemadeyoulook.at/en/blog/webgl-webaudio-api-fun/ (try Safari)
• 3D frequnecy plot using createMediaElementSource()
• Soundkeep synth: http://synth.soundkeep.com/
• Wave-PD1: http://alxgbsn.co.uk/wavepad/
• BBC Radiophonic Workshop: http://webaudio.prototyping.bbc.co.uk/

Reference W3C document:

• http://www.w3.org/TR/webaudio/
• http://www.w3.org/TR/webmidi/

Audio routing graph consisting of AudioNode objects

Applications:

• Dynamics compression
• FFT
• Music visualisation
• Biquad filters (second order)
• A Waveshaping
• Oscillators

eBook:

• Web Audio API by Boris Smus (a Canadian): http://chimera.labs.oreilly.com/books/1234000001552 (read online)
  • http://it-ebooks.info/book/2072/ (download pdf)
• Chapter 2: http://chimera.labs.oreilly.com/books/1234000001552/ch02.html
• Resources for Web Audio API: http://webaudioapi.com/
• Samples from Web Audio API: http://webaudioapi.com/samples/

Tutorials:

• Getting Started with Web Audio API by Boris Smus: http://www.html5rocks.com/en/tutorials/webaudio/intro/
• Mozilla Developer Network: https://developer.mozilla.org/en-US/docs/Web_Audio_API
• Oskar Eriksson: http://www.html5rocks.com/en/tutorials/casestudies/jamwithchrome-audio/
• Chris Wilson:
  • Video: http://www.youtube.com/watch?v=wZrNI-86zYI
  • Slides: http://webaudiodemos.appspot.com/slides/index.html#/
  • Google I/O 2012: http://www.youtube.com/watch?v=hFsCG7v9Y4c
    • Deck: http://webaudio-io2012.appspot.com/
  • Chrome Developers Web Audio (part 1): http://www.youtube.com/watch?v=ZV_BIGmpfF8
  • Chrome Developers We Audio (part 2): http://www.youtube.com/watch?v=QviS1fSwAGA
  • Web audio playground: http://webaudioplayground.appspot.com/#
  • Github: https://github.com/cwilso
• Wikiaudio: http://interactiveaudio.wikiaudio.org
• Web platform: http://docs.webplatform.org/wiki/tutorials/intro_web_audio_api_1
• Web Audio API Loops: http://forestmist.org/blog/web-audio-api-loops/
• Writing Web Audio API code that works in every browser: https://hacks.mozilla.org/2013/08/writing-web-audio-api-code-that-works-in-every-browser/
• Songs of Diridum: https://hacks.mozilla.org/2013/10/songs-of-diridum-pushing-the-web-audio-api-to-its-limits/
• Building a Synthesizer with the Web Audio API: http://blog.teamtreehouse.com/building-a-synthesizer-with-the-web-audio-api
• Visualization: http://ianreah.com/2013/02/28/Real-time-analysis-of-streaming-audio-data-with-Web-Audio-API.html
• Chris Lowis:
  • Monophonic Synthesis: http://blog.chrislowis.co.uk/2013/06/05/playing-notes-web-audio-api.html
  • Polyphonic Synthesis: http://blog.chrislowis.co.uk/2013/06/10/playing-multiple-notes-web-audio-api.html
  • Envelopes: http://blog.chrislowis.co.uk/2013/06/17/synthesis-web-audio-api-envelopes.html
• Tizen Webkit: https://developer.tizen.org/documentation/articles/working-web-audio-api
  • Advanced usage: https://developer.tizen.org/documentation/articles/advanced-web-audio-api-usage
• Web Audio API Basics: http://middleearmedia.com/web-audio-api-basics/
• Building a Synthesizer with the Web Audio API: http://my.umbc.edu/groups/web-dev/news/37518
• Sympathetic Synthesizer System Mk1: http://stuartmemo.com/synth/
• Apple / Safari Web Audio API tutorial
• Envelopes by Chris Lowis: http://blog.chrislowis.co.uk/2013/06/17/synthesis-web-audio-api-envelopes.html
• 0xFE: http://0xfe.blogspot.jp/2011/08/web-audio-spectrum-analyzer.html
• jQuery volume slider tutorial: http://www.hongkiat.com/blog/jquery-volumn-slider/
• Whiteboard Drum: https://hacks.mozilla.org/2013/11/introducing-the-whiteboard-drum-webrtc-and-web-audio-api-magic/

AudioNode:

• Each node can have inputs and/or outputs.
• A source node has no inputs and a single output.
• A destination node has one input and no outputs

AudioContext (one per page):

Exercises / projects:

• A GarageBand-like timeline transport system 
• 3D spatialization.
• Check for maximum number of channels in an AudioContext
• Report sampling rate of AudioContext
• Find the default bufferSize of AudioContext
• Build an audio meter (start with HTML5 form: <meter>)
• Build a frequency analyzer
• Build a graphic EQ
• Build a beat tracker
• Build a pitch detector
• Work on WebPD: https://github.com/sebpiq/WebPd
• Get inspired by one of these articles by Gordon Reid: http://www.soundonsound.com/search?url=%2Fsearch&Keyword=%22synth+secrets%22&Words=All&Summary=Yes
• Emulate an analog or digital synth
• Evaluate the performance of Web Audio API on various computers and hand-held devices, e.g., iPhones, and iPads.

Tools:

• WAAX (Web Audio API eXtension): https://github.com/hoch/waax
  • Talk by Hongchan Choi: http://www.youtube.com/watch?v=mcl7HPbWXlE
  • WXIDE: http://hoch.github.io/WAAX/wxide/wxide-r4.html (try the Examples)
• jsfiddle: http://jsfiddle.net
• Processing.js: http://processingjs.org/
• Compatibility test: http://www.doboism.com/projects/webaudio-compatibility/
• Compatibility table: http://caniuse.com/audio-api
• Review of Audio Data API: http://www.techrepublic.com/blog/web-designer/use-the-html5-web-audio-api-to-get-creative-with-your-web-apps-sounds/
• Web Audio API summary: http://docs.webplatform.org/wiki/apis/webaudio
• Webkit API summary: http://phyzkit.net/docs/waa-nightly.d.ts.html#hierarchy
• howler.js: http://goldfirestudios.com/blog/104/howler.js-Modern-Web-Audio-Javascript-Library
• Porting webkit AudioContext: https://developer.mozilla.org/en-US/docs/Web_Audio_API/Porting_webkitAudioContext_code_to_standards_based_AudioContext
• Keyboard UI: http://stuartmemo.com/qwerty-hancock/
• GUI sets:
  • http://www.hongkiat.com/blog/web-mobile-gui-sets/
  • http://www.hongkiat.com/blog/beautiful-volume-dials-knobs/
• Polymer (UI widgets):
  • http://www.2ality.com/2013/05/google-polymer.html
  • http://www.polymer-project.org/
• Source code
  • Apple: http://www.opensource.apple.com/source/WebCore/WebCore-7536.26.14/Modules/webaudio/
  • Chromium: http://src.chromium.org/blink/trunk/Source/modules/webaudio/
  • Mozilla: http://dxr.mozilla.org/mozilla-central/source/content/media/webaudio
  • Webkit: https://github.com/WebKit/webkit/tree/master/Source/WebCore/Modules/webaudio

JavaScript:

• 24 JavaScript best practices for beginners: http://net.tutsplus.com/tutorials/JavaScript-ajax/24-JavaScript-best-practices-for-beginners/
• Essetials of writing high-quality JavaScript: http://net.tutsplus.com/tutorials/JavaScript-ajax/the-essentials-of-writing-high-quality-JavaScript/
• Writing better jQuery code: http://flippinawesome.org/2013/11/25/writing-better-jquery-code/
• Learn about lexical scoping, closure.

API (as of 2014/01/05 on OSX 10):

• Firefox uses AudioContext. Chrome and Safari use webkitAudioContext.
• For Firefox (and Chrome and Safari) use start() and stop() instead of noteOn() and noteOff().
• For Firefox (and Chrome and Safari) use createScriptProcessor instead of createJavaScriptNode. 
• createGainNode() deprecated: use createGain()
• createDelayNode() deprecated: use createDelay() 
• createWaveTable() deprecated: use createPeriodicWave()
• setWaveTable() deprecated: use setPeriodicWave()
  

Note: Audio Data API was deprecated in spring 2012: http://blog.mjg.im/2013/11/07/audio-data-api-disabled.html. See also: http://vocamus.net/dave/?p=1626 (David Humphrey is a Canadian!)