Tools for the 21st century musician

on YouTube ↗22m

" summary

Web Audio API delivers accurate scheduling in audio time rather than DOM timing so parameter automation (setValueAtTime, linearRampToValueAtTime) produces glitch‑free envelopes, low‑frequency oscillators modulate another oscillator’s frequency (e.g. 440Hz ±100Hz producing ~340–540Hz) and buffers behave differently: oscillators are one‑shot so wrappers recreate them on start/stop, AudioBufferSourceNode holds decoded short sounds while MediaElementSource streams long files, Firefox Web Audio Editor exposes node leaks, and an npm‑based openmusic collection of modules and demos is already working.

AI-written summary · about

" chapters (8)

1. 0:00Start
2. 2:25WEB AUDIO accurately places sounds in space and time
3. 3:27USE INSTANCE METHODS TO CREATE AUDIO NODES
4. 3:42CONNECT NODES TO BUILD THE AUDIO GRAPH
5. 4:15CONTROL NODES WITH THEIR JS API
6. 11:16WHAT NOT TO USE
7. 14:55Of course, CANCELLING EVENTS
8. 15:35Example: SPOOKY SOUNDS

" related talks

• 34mTools for the 21st century musicianSoledad Penadés · ffconf 2014
• 41mOrchestrating the Web Audio APISrikumar · JSFoo 2015
• 46mMaking the Web Rock: The Web Audio APIChris Wilson · HTML5DevConf 2013
• 28mChannel your inner rockstar with the web audio APISam Bellen · FrontCon 2018
• 38mEverybody dance now with Web Audio APIJaume Sanchez Elias · FutureJS 2014
• 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
• 22mChanging Live Audio with the Web-Audio-ApiSam Bellen · AmsterdamJS Conference 2017