Been working on figuring out all the kinks with this for quite sometime – figured I'd share! It's not perfect, but it's a great start – maybe some of you can take it further! With HTML5 Audio, WebkitAudio, and some Paper.js (for the sine wave), I am able to visualize audio with Framer in both a frequency bars format and in a sine wave. The Framer project is linked below. Couple of things to note:
- The project needs to be mirrored to Google Chrome due to certain API restrictions and for full functionality
- At the bottom of the project, there is a list of all the links I could remember using to help make this happen
- The last link is a very important one for me personally (really want to figure it out!) If you want to dive into making that part happen with me, let me know
My brain hurts, haha, I'm off for a little bit! :). Moral of the story: really work hard at learning the math. It opens doors.