🚨 IMPORTANT:
Try Out BugHerd: https://bugherd.com?utm_source=referral&utm_medium=youtube&utm_campaign=web_dev_simplified
In this video I will use the web audio API to build an audio interface for my guitar. This can also be used with a microphone or any other audio source you desire. It is a super fun project and fairly simple overall which means it is the perfect beginner project.
📚 Materials/References:
GitHub Code: https://github.com/WebDevSimplified/Guitar-Amp
Emmet Tutorial:
https://youtu.be/V8vizNQKtx0
Async/Await Tutorial:
https://youtu.be/V_Kr9OSfDeU
🧠 Concepts Covered:
- How to use AudioContext
- How to modify EQ
- How to connect an audio source
🌎 Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
01:29 - HTML
04:57 - CSS
07:27 - Connecting Audio
12:26 - Setup Visualizer
23:18 - Connecting Sliders
31:21 - Outro
#BrowserAudio #WDS #JavaScript