Changing live audio with the web-audio-api

on YouTube ↗21m

" summary

Asserts guitar effect pedals are fully reproducible in the browser using the web-audio-api and demos a working chain of input → nodes → output with concrete nodes and wiring, shows gainNode and WaveShaperNode for volume and distortion, uses delay plus oscillator modulation for flanger and a convolver with impulse response for reverb, publishes a small library and a pedalboard app, adds a DIY foot switch via a tessel-based foot controller, and reports workable demos with noticeable latency depending on browser and CPU.

AI-written summary · about

" chapters (12)

1. 0:00Introduction
2. 1:00Getting the sound of the guitar
3. 2:22Adding effects
4. 4:10Waveshaping
5. 5:04Basic inputs
6. 5:58Delay pedal
7. 9:00Delay note
8. 9:27Reverb note
9. 11:37Audio effects library
10. 12:47Guitar effects
11. 15:43Hardware
12. 16:47Outro

" related talks

• 19mChanging live audio with the web-audio-apiSam Bellen · Frontend United 2016
• 33mCode, Play & Rock 'n' Roll: A WebAudio ExperimentArmagan Amcalar · code.talks 2023
• 22mChanging Live Audio with the Web-Audio-ApiSam Bellen · AmsterdamJS Conference 2017
• 29mCode, Play & Rock 'n' Roll: A WebAudio ExperimentArmagan Amcalar · JSConf Iceland 2018
• 25mJavaScript, JavaScript…. Rocks You!Vitalii Bobrov · NationJS Frontrunners 2019
• 28mChannel your inner rockstar with the web audio APISam Bellen · FrontCon 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