JavaScript, JavaScript…. Rocks You!

on YouTube ↗25m

" summary

Live jamming on stage demonstrates converting a plugged‑in guitar into classic pedal tones using the Web Audio stack: capture via getUserMedia + AudioContext, shape tone with WaveShaperNode, simulate cabinets and reverb with ConvolverNode, and sculpt bass/mid/treble with a 3-band EQ. The setup routes through Gain and Biquad filters, loads impulse responses for cabinets and rooms, exposes adjustable distortion curves and wet/dry levels, and even shows real‑time WebRTC jamming; code is published as an Angular app on GitHub.

AI-written summary · about

" chapters (12)

1. 0:00Intro
2. 0:47About me
3. 1:59What is there
4. 4:56Audio Context
5. 5:41Volume Control
6. 7:25Effects
7. 8:24Transition
8. 11:15Tone
9. 13:06Cabinets
10. 16:14Equalization
11. 18:24Reverb
12. 22:38Recap

" related talks

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