TikTok
Connection
Connect once and it keeps checking for your live and connects by itself. Disconnect to stop.
Right now
Event feed
No events yet. Start the bridge, or simulate one below.
Test it
Simulate an event
What OBS sees
Overlay preview
Drive 0 / 100 yds
Touchdowns 0
Automation
Rules
When an event matches a rule, its effect plays on the overlay. Rules run top to bottom and every match fires, unless a rule has stop here ticked. Yards move the drive toward a touchdown.
Tap a team
NFL
Each logo plays that team's own shader animation on the stream. The middle of the screen stays clear.
AFC East
AFC North
AFC South
AFC West
NFC East
NFC North
NFC South
NFC West
What OBS sees
Preview
Create
Build a sequence
Library
Your custom effects
Live
Preview
Step 1
OBS browser source
- In OBS: Sources → + → Browser. Width 1920, height 1080.
- Streaming vertically (TikTok on a phone)? Make the source 1080 × 1920 and pick Portrait below. Animations then keep the middle and the TikTok chat and button areas clear.
- Paste this URL. It contains your secret token, so keep it private.
Leave custom CSS empty (the page is already transparent). Tick “Refresh browser when scene becomes active”.
Step 2
TikTok connection
Gifts, follows, chat and viewers come straight from TikTok through this Worker, signed by the Euler Stream sign service. Press Connect on the Live tab.
Fallback: run the bridge on your PC
If TikTok blocks the connection from Cloudflare, a small Node process can hold it instead and push events here (Node 22.18+). While the bridge is running the Worker stays disconnected so events aren't doubled.
Purchases
TikTok Shop orders
New orders reach the overlay through a TikTok Shop Partner Center webhook. In your app's settings, subscribe to order events and set the webhook URL to:
Use Simulate an event → Shop on the Live tab to preview the alerts at different prices. Rules for shop orders are on the Rules tab (the price tiers are editable).
Announcements
Discord
Posts to one Discord channel through a webhook: when you go live, a wrap-up when the stream ends, touchdowns, and any rule you tick Discord on (orders, big gifts). Create the webhook in Discord: Channel settings → Integrations → Webhooks → New Webhook → Copy URL, then run wrangler secret put DISCORD_WEBHOOK_URL. Webhook URLs don't expire; delete the webhook in Discord to revoke it.
Simulated events from the Live tab never post. Mentions are disabled, so nothing a viewer types can ping anyone.
Debug
Shopping cards seen in your stream
TikTok sends a shopping message when a product is shown or pinned. These are recorded so you can see exactly what they contain. Purchases themselves come from the Partner Center webhook above.
Reference
Text placeholders
Use these in any text field: {nickname} {user} {giftName} {giftCount} {coins} {text} {product} {amount}