My Spotify music visualizer uses data from music played through your Spotify account to animate fractals and other shapes. My code is built on top of Zach Winter’s spotify-viz Github repository. My goal with this project is to create interesting audio-reactive visuals to enhance your music-listening experience!
Below are my progress notes as I work on eventually putting the visualizer on the web! Stay tuned for big movement on that front coming very soon!
4/12/20:
Animated fractal. Current controls:
- The angle that each branch rotates increases with every beat and every tatum. The counter resets to 0 when counter>360
- The colors change on every bar. This logic was written by the original developer, and it looks super cool
- The height of the initial branch grows or shrinks by 3 on every section and every segment. Bounds on initial size are [256,512] (technically, they’re actually [253,515] because of the way I set it up)
- fillStyle alpha=0.05 for that sweet fade effect
I couldn’t figure out how to save the output as a video file, so please enjoy this “high quality” recording of my laptop screen I took with my phone:
5/5/20:
I added ngrok which lets me run the program on my laptop and access the visualizer through a link. It didn’t work when I tried on my phone
Setup:
In one terminal
>ngrok http --host-header=rewrite 8001
In another terminal
>npm run serveDifferent Visualizations
12/16/20