Changing live audio with the web-audio-api

on YouTube ↗19m

" summary

Claims that standard browser plumbing can recreate stompbox effects: capture via getUserMedia into an AudioContext, route through nodes and back to speakers. Builds five pedals — volume (GainNode), distortion via WaveShaperNode, delay with feedback loops, flanger using an oscillator to modulate delay time, and reverb using a ConvolverNode fed by an impulse response (Chris Wilson’s examples). Publishes an "audio effects" library on GitHub and demos it live; demo works but shows mic/feedback fragility.

AI-written summary · about

" chapters (9)

1. 0:00Start
2. 1:031. GET THE GUITAR'S SOUND IN THE BROWSER
3. 2:222. ADD EFFECTS TO THE GUITAR'S SOUND
4. 2:37VOLUME PEDAL
5. 3:57DISTORTION PEDAL
6. 5:19DELAY PEDAL
7. 6:04FLANGER PEDAL
8. 7:42REVERB PEDAL
9. 14:24TEST TEST, ONE TWO, TEST

" related talks

• 22mChanging Live Audio with the Web-Audio-ApiSam Bellen · AmsterdamJS Conference 2017
• 21mChanging live audio with the web-audio-apiSam Bellen · JSConf Budapest 2016
• 33mCode, Play & Rock 'n' Roll: A WebAudio ExperimentArmagan Amcalar · code.talks 2023
• 25mJavaScript, JavaScript…. Rocks You!Vitalii Bobrov · NationJS Frontrunners 2019
• 28mChannel your inner rockstar with the web audio APISam Bellen · FrontCon 2018
• 29mCode, Play & Rock 'n' Roll: A WebAudio ExperimentArmagan Amcalar · JSConf Iceland 2018
• 30mThe Man who Sold the Amp: How to Process Music with JSVitalii Bobrov · JSConf Korea 2019
• 29mJavaScript, JavaScript…. Rocks You!Vitalii Bobrov · JSConf EU 2019