StreamMusicDisplay

A simple way to display the current Spotify song on your stream!

Features

• Fast song change detection
• Animations when changing songs
• Text Scrolling when song name is too long
• Loading animation for slow networks

Usage

Requirements

1. Python 3.8, 3.9, 3.10 or 3.11
2. websockets
3. spotipy

Installation Instructions

Ensure that a valid version of Python is installed.

Install the package requirements using:

pip install -r requirements.txt

Next, you need to setup a Spotify developer account to be able to get the current song information.

1. Head to https://developer.spotify.com/dashboard
2. Create a new app (https://developer.spotify.com/documentation/web-api/tutorials/getting-started#create-an-app)
3. Set the callback URL to http://localhost:8888/callback
4. Create a file called .env
5. Put your client_id in the first line
6. Put your client_secret in the second line

You should be all ready to go now!

Once pip has finished installing all the required packages, run server.py using:

python server.py

This will start the server needed for the webpage to communicate with it.

To integrate with OBS (or other similar streaming software), simply add index.html as a local file browser source.

Showcase

Song change animation

Text scrolling