Spotify-Now-Playing is a screensaver application that displays the currently playing song on your Spotify account. It utilizes the Spotify API to fetch the song information and display it in a visually appealing manner.
You can now use this project on my site free of charge by clicking this link (assuming you are reading this after spotify has accepted my extension request)
Before using this application, ensure you have the following installed:
- Node.js - JavaScript runtime environment
- Express.js - Web application framework for Node.js
-
Download Release
-
Install Dependencies: Navigate to the project directory and install dependencies using npm:
npm install
-
Create Spotify Application:
- Go to the Spotify Developer Dashboard.
- Log in or sign up for a Spotify Developer account.
- Create a new application and note down the client ID and client secret.
-
Configure Application:
- Open
index.htmlfile in the project directory. - Replace the Client id with your Spotify client ID.
- Specify the correct redirect URI based on your setup.
- Open
Local Network Deployment: Start the server using the following command:
node server.js- Remote Access Deployment:
- If you want to keep the site on your local network, no further action is required.
- If you want to make the site accessible from anywhere, use ngrok:
ngrok http --domain=your-domain-name 8080
-
Authorization Page: To begin, navigate to
localhost:8080/in your web browser. This page prompts you to authorize the site to access your Spotify account. -
App Page: After authorizing the site, you will be redirected to
localhost:8080/app, where you can see the currently playing song.
The site will display a white screen until music is being played. After authorization, it will display the currently playing song information.
Please note that the site uses javascript and Will Not Work in browsers that don't have javascript.
Created with <3 by Mason | Feel free to edit code, But please keep it free and open source.