

To run this application run "npm start" in the root directory. For more information on the Spotify Web API, check out the

The port your application listens on, located on the last line of server.js.Īny domains you host the application to must also be added in Spotify's developerĭashboard as well. Kaleidosync is an online Spotify Visualizer that is easy to set up and use. Spotify Web Application's credentials which can be created at The following online Spotify music visualizers we recommend can only be used on web pages, which means they only work for Spotify music when you play music on the Spotify web player. Server.js must be modified on lines 12, 13, and 14 to contain your own Then run "npm install" within the directory you've cloned this application. To run this web app locally, start by installing node here. I also used the Spotify Web API to authenticate users and search for song previews. Tech UsedĪudio Vis uses HTML, HTML Canvas, CSS, Javascript, JQuery, and NodeJS. Unfortunately, at the time of making this application, Spotify's web API only supports grabbing preview links. Audio Vis is an Audio Visualizer that lets you sign in with Spotify to visualize song previews.
