ON STREAM

OBS setup

Your alerts and widgets live on an overlay. To put that overlay on stream you add it to OBS (or Streamlabs) as a Browser Source. This page walks through the bundled overlay URL, the per-element URLs for finer layering, and the dockable live events feed.

Get your overlay URL

Build your alerts and widgets first over in Overlays — see Elements & overlays if you haven't composed one yet. When you're ready for OBS, pick the overlay in the toolbar and hit Copy URL. That gives you a link like this:

https://your-landmark-host/alerts/overlay/<token>

That single URL renders the whole overlay — every alert pop-up plus any persistent widgets (chat box, goal bar, prize wheel, confetti) you placed on it. The token in the link is what authorizes the source, so no login is needed inside OBS.

Treat the URL like a password. Anyone who has it can render your overlay. Deleting the overlay stops the link working.

Add it as a Browser Source

In OBS, under Sources, click the + and choose Browser. Name it something like “Landmark overlay” and click OK.
Paste your copied URL into the URL field.
Set Width to 1920 and Height to 1080. The overlay editor uses a 1920×1080 canvas, so matching it here means what you positioned on the canvas lands in the same spot on stream.
Leave the background transparent — the overlay draws nothing where there are no elements, so your game or camera shows through. Click OK.
Resize the source to fill your canvas if needed, then trigger a Test event from the Overlays editor to confirm alerts appear where you expect.

Streamlabs Desktop and most OBS forks use the same Browser Source dialog — the steps are identical there.

Layer elements as separate sources

The bundled URL is the simplest setup, but sometimes you want each piece on its own OBS scene item — to reorder layers, toggle visibility per element, or drop one widget into a sub-scene. Two narrower URLs make that possible, and both reuse the same overlay token.

One kind at a time

Append the element kind to the overlay URL to render just that layer:

/alerts/overlay/<token>/alerts: Only the alert pop-up queue — follows, subs, tips, gifts, and so on.
/alerts/overlay/<token>/chat: Only the chat box widget placed on this overlay.
/alerts/overlay/<token>/wheel: Only the prize wheel.
/alerts/overlay/<token>/confetti: Only the confetti burst layer.

Add each as its own Browser Source (still 1920×1080) and OBS lets you stack and reorder them however you like.

A single element

Every individual element on the overlay also has its own URL, copied from the element's panel in the Overlays editor (select the element, then Copy element URL):

https://your-landmark-host/alerts/overlay/<token>/element/<elementId>

This renders exactly one placed element — handy when you have, say, two goal bars and want them on independent scene items. The element still has to belong to that token's overlay, so the link can't reach anything you didn't place.

Dock the live events feed

Landmark also serves a compact, scrolling feed of incoming events — follows, subs, tips, raids, and chat — that you can watch while you stream. It lives at:

https://your-landmark-host/alerts/overlay/<token>/events

It uses the same overlay token as your browser sources, so no login is needed. There are two good ways to use it:

As an OBS custom browser dock: In OBS go to Docks → Custom Browser Docks…, give it a name like “Live events,” paste the events URL, and click Apply. The feed shows up as a dockable panel you can park anywhere in the OBS window.
Popped out on a second monitor: Open the same URL in a browser tab on a second screen if you'd rather keep it off the OBS layout.

A green dot in the feed header means it's connected to your live event stream. Use the chat toggle to show or hide chat messages if the feed gets noisy.

The events feed is for you, not your viewers — it isn't meant to go in a Browser Source on the stream itself. For on-stream chat, place a chat-box widget on your overlay instead.

Next: Elements & overlays →