It doesn't sync to live audio it records/grabs. It uses the Spotify API that provides rythmn/intensity mappings for most (all?) songs. So basically the web page asks the API which song you're currently playing on Spotify and what BPM it has and it renders the visualization accordingly.
What is the license of this project? Before looking at the code I usually want to know that in case I wanted to reuse or contribute. I didn’t find a LICENSE file or any note. Does anyone know?
Cute idea and great execution. The first track I tried [1] has no discernible "Beat" so it kinda just goes wild at its own tempo, a total mismatch for the music I was playing.
Fantastic idea and implementation!
Just FYI, it seems that in the music community, there are quite some complaints about how Spotify distributes the income for artists. I don't know the details so no further comments from me. But I think it would be great if this project can be abstracted into an indie Web Audio visualisation lib. I would be keen to try it with my project Glicol:
Consider adding sample audio file to test features without login to Spotify - Helpful for people who are on mobile and keep passwords on desktop password managers
Indeed. I remember playing with Echo Nest back in the day and being blown away by it, Spotify seemed to either completely castrate it after buying them or just don't bother using it to its full potential.
Syncing music from Spotify is illegal under their Developer Policy, a client wanted to do it recently and it seemed iffy that you wouldn't eventually get shut down.
Always interesting to see some of the rules imposed by a company that started by using unlicensed MP3s from The Pirate Bay. Guess you gotta keep the record companies happy.. after you make your first couple million, that is.
I was tearing through GitHub last year to find a project like yours. Since then, this has been the gold standard for audio-reactive visuals in the browser. I was so impressed.
This is really cool. It would be nice to have a way use custom audio, but I really like the range of visualizations and the interface. (one very minor issue is that the scrollbars seem to intermittently appear on firefox when dragging sliders)
edit: It would also be cool to see the visualizer's current estimate for the BPM.
2nd edit: Is the shader code for the visualization's available anywhere?
26 comments
[ 4.4 ms ] story [ 50.8 ms ] thread> In the future I'm going to tap into Spotify listening history so I can surface music recommendations and other features.
See: https://github.com/zachwinter/kaleidosync/blob/6136f79988867...
It's a WebGL port of the Winamp visualizer.
1. The Album Leaf https://open.spotify.com/artist/02uPe16VFxPaiueQsPEDkE
https://glicol.org
There I have only basic visualisation so far.
[1] https://developer.spotify.com/documentation/web-api/referenc...
Section iii, bullet 6: https://developer.spotify.com/policy/#iii-some-prohibited-ap...
edit: It would also be cool to see the visualizer's current estimate for the BPM.
2nd edit: Is the shader code for the visualization's available anywhere?