Tools for the 21st century musician

on YouTube ↗34m

" summary

Explains how Web Audio actually works: oscillator nodes are single-use and must be recreated, the devtools include a Web Audio editor for tracking leaks, and AudioParam scheduling gives millisecond accuracy so setTimeout/setInterval hacks break pitch ramps. Demonstrates analyzer, gain/ADSR envelopes, buffer vs media element sources (note: AudioBufferSource keeps decoded data in memory), LFO modulation, Web Audio Workers and offline contexts, and shows small reusable modules that compose into apps.

AI-written summary · about

" chapters (13)

1. 0:00Introduction to web audio
2. 1:21Limitations of HTML5 audio
3. 3:36Benefits of the web audio API
4. 4:49Getting started with graphs
5. 6:47Managing nodes and lifecycles
6. 10:05Visualization and synthesis
7. 12:44Scheduling and envelopes
8. 16:40Gain nodes and volume control
9. 18:17Modulation and LFOs
10. 21:12Working with audio samples
11. 23:53Media elements and advanced nodes
12. 25:56Advanced API integration
13. 27:13Modular architecture philosophy

" related talks

• 22mTools for the 21st century musicianSoledad Penadés · dotJS 2014
• 38mEverybody dance now with Web Audio APIJaume Sanchez Elias · FutureJS 2014
• 28mChannel your inner rockstar with the web audio APISam Bellen · FrontCon 2018
• 46mMaking the Web Rock: The Web Audio APIChris Wilson · HTML5DevConf 2013
• 44mBeats in the Browser - Coding Music with JavaScriptRowdy Rabouw · NDC Sydney 2024
• 30mBuilding a musical instrument with the Web Audio APISteve Kinney · JSConf US 2015
• 41mOrchestrating the Web Audio APISrikumar · JSFoo 2015
• 29mAudio Tags: Web Components & Web AudioSoledad Penadés · CascadiaJS 2013