Overlays
StreamForge provides real-time overlays you can add to OBS (or any streaming software that supports browser sources) to display event progress, goals, and more on stream.
Available Overlay Types
- Event Timer — Shows the countdown/count-up timer for subathon events
- Goals — Displays event goals with progress bars
- Power Hour — Highlights when a power hour is active and its multiplier
Adding Overlays to OBS
- In your dashboard, open Settings → Overlays
- Click Copy Overlay URL to copy the URL to your clipboard
- Open OBS and add a new Browser Source
- Paste the overlay URL into the URL field
- Set width and height for your scene layout (for example, 800×200 for timers)
- Click OK — the overlay updates in real time
URL Parameters & Customization
Overlay URLs support query parameters for customization. Common parameters include:
| Parameter | Description | Example |
|---|---|---|
token | Overlay authentication token | token=YOUR_TOKEN |
color | Text color | color=%23ffffff |
bg | Background color (or transparent) | bg=transparent |
font | Font family | font=system-ui,sans-serif |
size | Base text scale | size=1.5 |
Example full overlay URL:
https://streamforge.bifrostlive.com/overlay/YOUR_EVENT_ID/timer?token=YOUR_TOKEN&color=%23ffffff&bg=transparent&font=system-ui,sans-serif&size=1.5Timer overlays also support advanced parameters such as position, animation, shadow, textShadow, padding, borderRadius, and bgGradient.
Overlay Token Security
Each overlay URL includes a unique token tied to your account. This token:
- Authenticates the overlay without requiring a sign-in
- Is scoped to read-only access for your event data
- Can be regenerated at any time from your dashboard if compromised