A WebGL Spotify visualizer made with Vue, D3, and Three.js.
https://www.kaleidosync.com/
also without login, he has example on how looks like, if you cannot see it, change browser..
The Echo Nest represents the comprehensive algorithmic analysis of music. Having been acquired by Spotify, their analysis resources are available via the Spotify API. Each song within Spotify's library has been fully analyzed: broken up into individual beats, segments, tatums, bars, and sections. There are variables assigned to describe pitch, timbre, and more esoteric descriptors like mood and "danceability." It's even possible to derive realtime volume information, all without processing the audio stream directly.
This project is my take on using this data to produce visual experiences using the power of WebGL.
https://github.com/zachwinter/kaleidosync
https://news.ycombinator.com/item?id=30929909
Version 1.0 - Holy shit, it's working
https://www.kaleidosync.com/
also without login, he has example on how looks like, if you cannot see it, change browser..
The Echo Nest represents the comprehensive algorithmic analysis of music. Having been acquired by Spotify, their analysis resources are available via the Spotify API. Each song within Spotify's library has been fully analyzed: broken up into individual beats, segments, tatums, bars, and sections. There are variables assigned to describe pitch, timbre, and more esoteric descriptors like mood and "danceability." It's even possible to derive realtime volume information, all without processing the audio stream directly.
This project is my take on using this data to produce visual experiences using the power of WebGL.
https://github.com/zachwinter/kaleidosync
https://news.ycombinator.com/item?id=30929909