A highly customizable interface that displays your current playback status on Spotify in a beautiful little browser page!
You might want to use this over Spotify's own (in my opinion, rather underwhelming) full-screen mode, or you can use it for your TV to give that outdated, low-resolution OSD a fresh paint job!
This interface is primarily read-only. Specifically, this means that you cannot actually control your music, beyond a few basic commands like play, pause, and skip (needs to be enabled in the settings first). This is both because of limitations to the Spotify API and because the idea is to set this app up once, and then it permanently runs as a pure information display.
An example where this is useful would be hosting a party where you want to let your guests see at any time which songs are up ahead, by putting a monitor near the dance floor that you connect to a Raspberry Pi.
These two examples only show examples of SpotifyBigPicture's default preset. For more screenshots, see the other presets!
Click the gear symbol in the top left of the interface to open the settings for Visual Preferences. Here you can customize the styling of the interface from a number of options with just a few clicks!
Your settings are automatically stored locally, so you won't need to worry about reconfiguring everything each time you reopen the website.
(If you prefer a video tutorial, click here)
From here on you can choose between one of two ways to continue with the installation.
http://localhost:8183/login-callback
(make sure you click the little green "Add" button before saving!)spotifybot.properties
filejava -jar SpotifyBigPicture.jar
http://ip-of-docker-machine:8183/login-callback
. The login callback must end with /login-callback
! Also make sure you click the little green "Add" button before savingdocker pull ghcr.io/selbi182/spotifybigpicture
docker run --name spotifybigpicture -d -p 8183:8183 -e client_id=CLIENTID -e client_secret=CLIENTSECRET -e redirect_uri=REDIRECTURI ghcr.io/selbi182/spotifybigpicture
docker logs -f spotifybigpicture
so you can see the URL required for the next stephttps://accounts.spotify.com:443/authorize?client_id=[...]&response_type=code&redirect_uri=[...]&scope=[...]
The information is fetched from Spotify's API by polling it once a second. Unfortunately, there is no "proper" way of doing it, as webhooks for song changes (like Discord uses them, for example) are unavailable for the public API.
As a result, the connection might get stuck from time to time. The app will automatically try to reestablish connections when possible, which usually only takes a few seconds. To keep the interface appearance as smooth as possible though, the timer will simulate playback by keep counting up seconds on its own if a song is currently playing.
However, if the interface becomes completely unresponsive, try these approaches:
Change the current playback context (e.g. changing from a playlist to an album)
For whatever bizarre reason, simply clicking on the devices button in Spotify on your PC (not even selecting any different device, literally just opening the dropdown) sometimes forces the interface to catch up. This has been my go-to for fixing stuck screens, and it works surprisingly well:
If you got any problems, write an issue ticket on GitHub and I will gladly take a look at it :)
Alternatively, message me on Discord. My username is: selbi