🎬 OBS Overlays

Browser source overlays for streaming PopSoc events

Quick Setup

  1. 1In OBS, add a new Browser Source
  2. 2Copy the overlay URL below and paste it
  3. 3Set width: 1920 height: 1080
  4. 4Enable Shutdown source when not visible to save resources
🏆

Golf Leaderboard

Live team scores with transparent background

Preview
📅

Schedule Ticker

Scrolling event schedule

Preview
⛳

Hole Info

Current hole details overlay

Preview
💜

Donation Tracker

Fundraising progress bar

Preview
🏷️

Sponsor Banner

Rotating sponsor logos

Preview
📺

Full Event Embed

Complete event page for browser source

Preview

Base URLs

Local:http://localhost:3000/obs/leaderboard?event=cena-golf
Production:https://popsoc-golf-public.vercel.app/obs/leaderboard?event=cena-golf

💡 Pro Tips

  • • Use ?chroma=green for green screen key
  • • Add ?refresh=30 to auto-refresh every 30 seconds
  • • Use ?theme=dark or ?theme=light
  • • Overlays auto-update via WebSocket when data changes