Documentation
Overlay setup instructions sourced from configuration.

Try the interactive sample-song preview on the home page without logging in. Previews scale a 1920 by 1080 canvas to their available width, keeping a 16:9 ratio. During live playback, missing database album art is recovered from Spotify only when the track matches and the album names agree; the transition checklist waits until artwork is available. The debug panel is available only in development (localhost:80), never in production.

Adding the main overlay

Step 1Required

Create a browser source

Local File
Disabled
URL
https://prismatica.dylandover.dev/app
Width
Base (Canvas) Resolution (Found in Settings > Video)
Height
Base (Canvas) Resolution (Found in Settings > Video)
Control audio via OBS
Disabled
Use custom frame rate
Disabled
Custom CSS
body { background: transparent; }
Shutdown source when not visible
Enabled
Refresh browser when scene becomes active
Disabled
Step 2Optional

Interact with the overlay to log in to Spotify and change settings.

Adding the smaller overlay

Step 1Required

Create a browser source

Local File
Disabled
URL
https://prismatica.dylandover.dev/app/obs?obs=true
Width
Base (Canvas) Resolution (Found in Settings > Video)
Height
256px
Control audio via OBS
Disabled
Use custom frame rate
Disabled
Custom CSS
body { background: transparent; }
Shutdown source when not visible
Enabled
Refresh browser when scene becomes active
Disabled
Step 2Optional

Interact with the overlay to log in to Spotify and change settings.