Visualize Audio with HTML form controls

You ever wondered how to visualize audio input from a microphone? Well, in this video you'll learn how to do that with HTML, CSS, and JavaScript!

Extra resources:
– GreenSock: greensock.com/
– FFT: en.wikipedia.org/wiki/Fast_Fourier_transform
– HSL: developer.mozilla.org/en-US/docs/Web/CSS/color_val…
– getByteTimeDomainData: developer.mozilla.org/en-US/docs/Web/API/AnalyserN…
– getByteFrequencyData: developer.mozilla.org/en-US/docs/Web/API/AnalyserN…
– getUserMedia: developer.mozilla.org/en-US/docs/Web/API/MediaDevi…

💻 Demo: codepen.io/jh3y/pen/KKGKQqj
🐦 Twitter: twitter.com/jh3yy
📰 Mailing List: cubhouse.jhey.dev/
📺 Twitch: twitch.tv/jh3yy
📷 Instagram: instagram.com/jh3yyyy
🔗 Website: jhey.dev/links
🐻 Get Merch!: cottonbureau.com/people/jhey-tompkins