JavaScript, JavaScript…. Rocks You!

on YouTube ↗29m

" summary

Live guitar input is captured via getUserMedia with constraints to disable echo cancellation and passed into an AudioContext where volume is controlled by a GainNode and clipping/character by a WaveShaperNode curve. Tone and EQ use BiquadFilterNodes, cabinet color comes from a ConvolverNode loaded with an impulse response, and reverb/delay use ChannelSplitter/Delay/Merger + wet/dry gains. Code demos run live on stage and over WebRTC so the patch actually jams.

AI-written summary · about

" chapters (14)

1. 0:00Start
2. 1:47Uni-directed Graph effects
3. 2:14Guitar Stack
4. 4:24Gain Control
5. 4:58Gain Node
6. 8:57Distortion vs Overdrive vs Fuzz
7. 9:22Wave Shaper Node
8. 14:17Impulse Response
9. 14:55Convolver Node
10. 16:07Biquad Filter Nodes
11. 21:25Reverb Graph
12. 25:55Reverb Nodes
13. 26:22Connect Nodes
14. 26:45Recap

" related talks

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