Add to your stream.
One overlay, one URL, one browser source. OverlayThing works with any streaming software that supports a browser source, so set it up once and every future edit appears live without touching your software again.
Works with your software
An overlay is just a web page, so it drops into any streaming app that has a browser source (sometimes called a web source). That covers the popular ones:
- OBS Studio and Streamlabs Desktop: add a Browser source.
- Meld Studio: add a Web source.
- Most other broadcasters and hardware encoders with a browser or web source.
The steps below use OBS-style wording since it is the most common, but the idea is the same everywhere: paste the URL, match the size.
Add the browser source
Copy your overlay URL
In the editor, click Overlay URL and copy it. It looks like this:
https://overlaything.com/o/0175b70483…eae8b2ba38cCreate a browser source
In your software, add a new browser (or web) source and give it a name like OverlayThing.
Paste and size it
Paste the URL into the URL field of the source. Set its width and height to match your overlay resolution (1920 by 1080 for a 1080p overlay).
Confirm it is live
The overlay appears in your scene with a transparent background. Fire a Test Alert from the editor to confirm events reach your stream.
Recommended source settings
The exact names vary between apps, but the equivalents are worth setting:
| Setting | Value | Why |
|---|---|---|
| Width and height | 1920 x 1080 | Match it to your overlay resolution so everything lines up pixel for pixel. |
| Shut down source when not visible | Off | Keeps timers and goals running while you are on another scene. |
| Refresh when scene becomes active | Off | Edits already push live, so a manual refresh is not needed. |
| Control audio through the app | On | Lets you mix your alert and TTS volume in the audio mixer of your streaming software. |
Your overlay URL is unique to you. Anyone with the link can render your overlay, so do not show it on stream or share it. If it leaks, regenerate it from Overlay URLs and re-paste the new one.
Alert sounds and text to speech play through the overlay browser source. Add that source to your software's audio mixer and set a comfortable level so a cheer train does not blow out your stream.