Show your audience
what's playing

OBS Now Playing overlay

A transparent widget that sits in any corner of your scene. It fades in automatically when a song starts and hides when playback stops — nothing to configure mid-stream.

OBS Preview

YOUR STREAM

♪

Now Playing

Neon Drift

Synthwave · Energetic

The overlay uses a transparent background — it blends into any stream scene without a box or border showing.

One URL. Zero maintenance.

Step-by-step for OBS Studio

1. Open your scene — select the scene where you want the now-playing ticker to appear (e.g. your main gaming scene).
2. Add a Browser source — in the Sources panel at the bottom, click + and choose Browser. Give it a name like "PlaySafe Now Playing".
3. Paste your URL — copy your overlay URL from Account → Streaming and paste it into the URL field.
4. Set the size — set Width to 440 and Height to 70. Leave all other settings at their defaults.
5. Enable transparency — the overlay background is already transparent. In OBS, make sure "Use custom frame rate" is unchecked and that you haven't added a background colour filter to the source.
6. Position it — drag the source to any corner of your scene. A bottom-left or bottom-right position typically works best. You can resize with the handles while holding Shift to maintain proportions.
7. Optional: Shutdown when hidden — check "Shutdown source when not visible" to reduce CPU usage when the source isn't shown.
8. Click OK — done. Keep the PlaySafe player open in your browser while streaming. Song changes appear on the overlay within 5 seconds.

Streamlabs, XSplit & others

Any streaming software that supports a Browser / Web Page source works the same way. The steps are identical: add a browser source, paste your overlay URL, set the width to 440 and height to 70.

JSON endpoint for bots & custom overlays

Every PlaySafe account comes with a public JSON endpoint. Poll it from any application — Discord bots, custom HTML overlays, Elgato Stream Deck plugins, or anything else you can build.

Response when playing:

{
  "idle": false,
  "title": "Neon Drift",
  "genre": "Synthwave",
  "thumbnail_url": "https://...",
  "updated_at": "2026-04-21 09:14:02"
}

Response when idle:

{
  "idle": true
}

Example: Discord bot (Node.js)

const res  = await fetch('https://playsafemusic.com/api/now-playing?token=YOUR_TOKEN');
const data = await res.json();

if (!data.idle) {
  channel.send(`🎵 Now playing: **${data.title}** (${data.genre})`);
} else {
  channel.send('No music playing right now.');
}

Example: custom HTML overlay

<div id="np"></div>
<script>
async function update() {
  const data = await fetch('https://playsafemusic.com/api/now-playing?token=YOUR_TOKEN')
                     .then(r => r.json());
  document.getElementById('np').textContent =
    data.idle ? '' : '♪ ' + data.title;
}
update();
setInterval(update, 5000);
</script>

Your token is shown in Account → Streaming. You can reset it at any time if you need to invalidate a leaked token.

Your token, your control

Your overlay token is a long random string that acts as a read-only key — it lets anyone who has it see what song is playing on your account, but nothing else. It cannot be used to control playback, access your account details, or change any settings.

• The token is read-only — it exposes current song data only.
• If you share it by accident, reset it in Account settings. All existing OBS sources using the old URL will immediately stop updating.
• The /overlay page and /api/now-playing endpoint do not require login, so OBS can access them without any authentication headers.