How To Use Web Audio API To Play The Guitar

🚨 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 ... https://www.youtube.com/watch?v=eEeUFB1iIDo