Spotify Visualiser - see your current playing track
This project is a web-based single page application that makes use of the Spotify API and the p5.js library to create a visual representation based on what a user is currently listening to on their Spotify account.
In Action
The Spotify API provides in-depth analysis data about tracks such as beats, pitches, loudness, mood and more. The analysis data of the current playing track is the basis of the drawings created by the p5.js library. While a song is playing, the app draws the waveform of the track, which is based on the current amplitude, to the screen in real time. The background colour of the screen also changes on every beat, making interface more visually appealing.