Building a Guitar Amplifier Using the Web Audio API

on YouTube ↗34m

" summary

Shows how to implement a guitar amplifier entirely in browser using the Web Audio API and related web technologies. Covers building the signal chain (input processing, effects, amplification and output) with concrete Web Audio nodes and techniques for real-time audio processing and low-latency performance in JavaScript.

AI-written summary · about

" chapters (22)

1. 0:00Intro
2. 1:32Why Web Audio API
3. 2:14Demonstration
4. 6:56Connecting Guitar to Computer
5. 8:00Adding Effects
6. 9:50Web Audio Nodes
7. 11:29Distortion
8. 12:16Distortion curves
9. 13:29analyzer node
10. 14:07clean sound
11. 17:40highpass filter
12. 18:36tone controls
13. 20:19EQ Pedal
14. 21:07Reverb
15. 23:42Convolution
16. 24:07Cabinet Effect
17. 24:51Cabinet Impulse Response
18. 26:24What else can you do
19. 27:39Processing video sources
20. 28:41Media Recorder
21. 31:34Web Audio Resources
22. 31:57Other Guitar Amplifiers

" related talks

• 30mThe Man who Sold the Amp: How to Process Music with JSVitalii Bobrov · JSConf Korea 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
• 21mChanging live audio with the web-audio-apiSam Bellen · JSConf Budapest 2016
• 25mJavaScript, JavaScript…. Rocks You!Vitalii Bobrov · NationJS Frontrunners 2019
• 33mCode, Play & Rock 'n' Roll: A WebAudio ExperimentArmagan Amcalar · code.talks 2023
• 19mChanging live audio with the web-audio-apiSam Bellen · Frontend United 2016
• 30mBuilding a musical instrument with the Web Audio APISteve Kinney · JSConf US 2015