WebAudio API learning material

web-audio-api-resources.md

Basics

• Mozilla docs: https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API
• HTML5rocks tutorial: https://www.html5rocks.com/en/tutorials/webaudio/intro/
• W3C standard specification: https://www.w3.org/TR/webaudio/

Basic demos (with code)

• Basic "tapedeck/boombox" in ~80 LOC + some HTML: https://codepen.io/Rumyra/pen/qyMzqN/
• Graphical playground: http://webaudioplayground.appspot.com/
• Analog synth: https://webaudiodemos.appspot.com/midi-synth/index.html
• Audio recorder: https://webaudiodemos.appspot.com/AudioRecorder/index.html
• All: http://webaudiodemos.appspot.com/

Tutorials

• https://alligator.io/js/first-steps-web-audio-api/
• https://www.keithmcmillen.com/blog/making-music-in-the-browser-web-audio-api-part-1/

Articles

• The legendary blog article about WebAudio scheduling (A tale of two clocks): https://www.html5rocks.com/en/tutorials/audio/scheduling/
• Introducing AudioWorklet: https://developers.google.com/web/updates/2017/12/audio-worklet
• Popular critical article much discussed on reddit (that is, before AudioWorklet came up): http://blog.mecheye.net/2017/09/i-dont-know-who-the-web-audio-api-is-designed-for/
• https://robert.ocallahan.org/2017/09/some-opinions-on-history-of-web-audio.html
• Interview on the process of creation of the spec: https://webaudiotech.com/2016/02/17/interview-with-paul-adenot-web-audio-spec-editor/
• Re: Web Audio API Proposal: https://lists.w3.org/Archives/Public/public-xg-audio/2010Jun/0012.html

Sample apps/examples

• https://googlechromelabs.github.io/web-audio-samples/
• https://tonejs.github.io/examples/

More lists of awesome lists

• https://github.com/alemangui/web-audio-resources
• https://github.com/notthetup/awesome-webaudio
• https://github.com/jonahvsweb/awesome-web-audio-resources

Tonejs

• https://tonejs.github.io/
• https://github.com/Tonejs/Tone.js/