Gwajee
Stream Setup Guide
Everything you need to go live on TikTok, YouTube, or project in your classroom.
Quick Start
- 1.Go to Host Dashboard → create a game → enter your lobby
- 2.Copy the overlay URL from the Stream & Display URLs panel in your lobby
- 3.Add it as a Browser Source in OBS (see steps below)
- 4.Go live, share the game code or QR with your audience
- 5.Click Start Game in your lobby — overlays update automatically
Available Overlays
Full Stream Overlay
1920 × 1080
Complete game display: question, answers, timer, leaderboard, QR code. Use as a full browser source at game resolution.
URL format:
/stream/YOURCODE
💡 Set browser source to 1920×1080. Place at the bottom of your OBS source stack so your webcam shows above it.
Leaderboard Overlay
380 × 900
Transparent leaderboard panel showing top 8 players with live score updates. Sits in the corner of your stream.
URL format:
/overlay/YOURCODE
💡 Set background to transparent in OBS browser source settings. Position it in the top-right or bottom-right of your scene.
TikTok Vertical Panel
400 × 850
Optimized for TikTok Live vertical layout. Shows question, answers, and mini-leaderboard in portrait format.
URL format:
/tiktok/YOURCODE
💡 Perfect for TikTok Live. Use as a browser source overlay at 400×850 on your vertical streaming setup.
Classroom Projector
Full screen
Full-screen classroom display with dramatic countdown, QR code for joining, and real-time leaderboard. Designed for projectors.
URL format:
/display/YOURCODE
💡 Open this in Chrome full-screen on your classroom projector. Click 'Start Display' to unlock sounds before the game.
OBS Setup — Step by Step
Works with OBS Studio, Streamlabs OBS, and XSplit.
Create a new Scene
In OBS, click + under Scenes to create a scene for your trivia game (e.g. 'Gwajee').
Add a Browser Source
Click + under Sources → Browser. Name it (e.g. 'Game Overlay'). Set the URL to the overlay URL from your lobby.
Set the correct dimensions
Match the width and height to the overlay size listed above. Check 'Shutdown source when not visible' to save resources.
Enable transparent background
For the Leaderboard and TikTok overlays, check 'Page background transparency' in the browser source settings.
Position on screen
Drag the browser source to the corner of your preview. Use Alt+drag to crop if needed.
Add your webcam on top
Add a Video Capture Device source for your webcam and place it above the overlay in the Sources list.
Start game, then go live
Go to your lobby, launch the game, then start your stream. The overlays update automatically in real time.
Stream Overlay Themes
Add ?theme=X to your stream overlay URL to change the visual style.
Dark (default)
Black background, green accents
?theme=dark
Neon
Deep purple, cyan & pink glow
?theme=neon
Fire
Warm dark background, orange/red
?theme=fire
Minimal
Clean white background, dark text
?theme=minimal
Sponsor Banner
Add a sponsor banner at the bottom of the stream overlay:
/stream/YOURCODE?theme=dark&sponsor=YourSponsor&sponsorColor=%23ff6600
sponsorColor is a URL-encoded hex color (e.g. %2322c55e for green)
TikTok Live Tips
From creators who run live trivia weekly.
Go Live on TikTok first, then start the game — your audience will already be watching.
Pin a comment with the join link: 'Join at gwajee.live — Code: BRAIN123'
Show the QR code fullscreen at the start so viewers can scan without leaving TikTok.
Announce the game 15 minutes before going live so followers can prepare.
Use gifts as bonus lives — viewers who send gifts get an extra 30 seconds on wrong answers.
Keep rounds short (8–10 questions) for TikTok's attention span. Multiple rounds work better than one long game.
React live to the leaderboard — call out players by name for engagement.