How To Use Web Audio API To Play The Guitar

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

Powered by WPeMatico

About Guaripete Solutions

Guaripete Solutions SEO Agency in Charlotte North Carolina, with personalized SEO Consulting Services, Small and Medium Business Social Media Marketing Services, and Website Builder Experts oriented to our Customers.