Stream Overlays
Music Overlay

Music Overlay

Display the currently playing song on your stream with the Rastry Music overlay.

Supported Services

ServiceExtension RequiredStatus
SpotifyYesFull support
Apple MusicYesFull support
YouTube MusicYesFull support
SoundCloudYesFull support

How It Works

  1. Browser Extension detects what's playing
  2. Sends to Rastry servers in real-time
  3. Overlay updates automatically on stream

This is the same technology used by Rastry Music. The overlay displays what the extension detects.

Setup

Install Browser Extension

Download from:

Configure Extension

  1. Click the extension icon
  2. Login with Twitch
  3. Ensure detection is ON

Get Overlay URL

  1. Go to your music overlay config page:

  2. Login with Twitch

  3. Copy your unique overlay URL (includes a security token)

Your URL will look like:

https://www.rastry.com/overlay/music/spotify/display?token=abc123...

Add to OBS

  1. Add Browser Source in OBS
  2. Paste your overlay URL
  3. Set size: 1920 x 1080 recommended
  4. Position in corner of stream

Overlay Configuration Pages

Each music service has its own configuration page:

ServiceConfiguration Page
Spotifyrastry.com/overlay/music/spotify (opens in a new tab)
Apple Musicrastry.com/overlay/music/apple (opens in a new tab)
YouTube Musicrastry.com/overlay/music/youtube (opens in a new tab)
SoundCloudrastry.com/overlay/music/soundcloud (opens in a new tab)

Each config page generates a unique URL with token for your overlay. The URL is secure and only works for your channel.

What's Displayed

The overlay shows:

  • Song Title
  • Artist Name
  • Album Art (when available)
  • Playing/Paused status

Customization

Customize your overlay directly on the configuration page:

  • Background color
  • Background opacity
  • Widget opacity
  • Position

Changes apply automatically to your overlay in OBS within 1 second.

OBS Settings

Recommended browser source settings:

SettingValue
Width1920
Height1080
FPS60
Custom CSS(empty)

When Nothing Is Playing

The overlay automatically:

  • Hides when no music is playing
  • Reappears when music starts

Troubleshooting

Overlay Shows Nothing

  1. Check extension is running - Look for icon in browser
  2. Check login - Must be logged into extension
  3. Play something - Overlay only shows when music is playing
  4. Refresh OBS source - Right-click → Refresh
  5. Refresh YouTube, Spotify... website

Wrong Song Showing

  1. Close other tabs playing music
  2. Refresh the music player page
  3. Restart browser extension

Delay Issues

Normal delay is 1-3 seconds. If longer:

  1. Check internet connection
  2. Refresh browser source
  3. Restart extension

Privacy

  • Only song title and artist are transmitted
  • No personal listening history stored
  • Extension only reads current track info
  • Data deleted after 5 minutes of inactivity
EsportsPet Overlay