OBS Overlays

Every overlay below is a plain URL you drop into OBS (or Streamlabs, TikTok Studio, or anything that supports a browser source). The page renders with a transparent background so only the overlay pixels land on your stream.

Queue Position

Show viewers where they are in your !join queue — live position, character picks, and a status badge.

On streamA compact card that updates as chatters join and get pulled. Stays pinned to any corner of your canvas.
Live pollingConfigurable

Challenge Wheel

Spin the killer or survivor wheel, then drop the result into OBS so viewers see which character + modifiers you're stuck with.

On streamAfter each spin, every result page has a Copy OBS URL action that renders the outcome at /obs?seed=… — refresh to update.
One result per spinDeterministic seed

Adept Roll

Roll a random character and play with only their 3 teachable perks. The page doubles as a browser source — refresh to reroll.

On streamCharacter portrait, build, and optional follow/seed QR codes. Toolbar fades out after 3s so OBS captures a clean overlay.
Shareable seedQR codes

Adding a browser source to OBS

One-time setup per overlay. All overlays share the same install flow.

  1. 1Open your OBS scene and click + under Sources, then pick Browser.
  2. 2Paste the overlay URL (use the Copy OBS URL button on each overlay's configurator).
  3. 3Set the source size to 1920 × 1080 and position it at 0, 0. The overlay handles its own positioning inside that canvas.
  4. 4Using a non-OBS tool (TikTok Studio, StreamYard)? Append &obs=1 to any overlay URL to force overlay mode.