Spotify Music Overlay

Cross platform Spotify music overlay app build with Electron and Flask.

Requirements

• Python3
• npm
• Electron.js

Installation and Setup

• Downloading spotify-overlay:
  git clone https://github.com/JaniniRami/Spotify-Overlay
• Downloading npm packages:
  npm install
• Downloading python libraries:
  python3 -m pip install -r requirements.txt
• Making a spotify app:
  

1. Head to https://developer.spotify.com/dashboard and log in with your spotify account.
2. Create a new app:
   
3. Click on edit settings and add http://localhost:8080/ as a redirect URL:
   
4. Save the new settings then add the client ID and secret to your environment variables:
   

• Control Panel --> System and Security --> System --> Advanced system settings --> environment variables
• Under system variables add two new variables:
  • SPOTIFY_CLIENT_ID (containing your spotify client id.)
  • SPOTIFY_CLIENT_SECRET (containing your spotify secret key.)

5. Run spotify-overlay:
   npm start
6. You can run npm run make, to generate an exe file of spotify-overlay.

To-do

• Add custom close button.
• Add song time duration.