Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Brian Morrison
16,524 PointsAudio Spectrum Analyser Bars (Looking to Create)
What I want to achieve is to have a audio player on a website but the audio player includes spectrum analyser bars when a song is played. I googled left and right to no avail. I watched and imitated examples using d3 and web audio api but again nothing works.
My question is: does anyone know a good link to some examples or info for achieving this? Does anyone have suggestions on which language to attack this with? Anything would be appreciated. I'm a little obsessed with doing this and any info or direction would be great. Thank you all.
2 Answers
Kai Nightmode
37,045 PointsOooh! You may like this Web Audio API Demo I made awhile back. Press play once everything is loaded or toggle any of the three tracks to see an animated analyzer.
The accompanying blog post, while older, covers constructing the basics of the demo. I don't think there is a tutorial on the analyzer bits but if it helps any I would be more than happy to forward you all source code I have.
It was really complex to create at the time but also one of the most rewarding things I've ever made. :D
Kai Nightmode
37,045 PointsThe source is now available here for you and any other future audio lovers who find themselves here.
If you don't mind sharing, would love to see what you make once it is ready. :D
Cheers Brian!
Brian Morrison
16,524 Pointsthanks :-) I will definitely share when done!
Brian Morrison
16,524 PointsBrian Morrison
16,524 PointsThis is great! I can't thank you enough! I can totally see why this was so rewarding for you to create. I would love the source code to analyze if you wouldn't mind forwarding that to me that would be great. Again, great work. I love it. :-)