TikTok LIVE overlays

Settings

Relay

Relay host Relay port Your TikTok handle

Host/port point at the connector on this PC. The handle is only a note here — the scraper reads the handle typed into the studio window, saved in connector/studio.json.

Design template

Chat shape Message animation Alert animation Accent colour

Colour each name differently

Panel overrides

Sits on top of the template. Leave a field empty to keep the template's own value.

Panel background Panel border Corner radius (px) Padding (px)

A background is a colour or linear-gradient(165deg, #121a3a, #3a1454). The border also colours the alert cards, so one value themes the whole scene.

Chat overlay

Max messages shown Font size (px) Text colour Username colour Fade after (s, 0 = never) Row background

Show profile pictures

Text to speech Read chat aloud

Voice Rate 1.0

Interrupt the current sentence when a new message arrives

Voices are listed from this browser (speechSynthesis). TTS only runs inside the chat overlay, so a voice chosen here must exist on the machine running OBS.

Alerts

Goals overlay

Show "current / target" on each bar

Counters reset when the connector enters a new room, so a goal is per stream. The bar fills live from the relay's status frames.

Top gifters overlay

Title Rows shown

Avatars Diamond totals

Summed per person for the current room; only the frame that closes a gift streak counts, so a combo is not double-counted.

Preview overlay updates as you edit

Budihalo semuanya, semangat!

Sarikeren banget setupnya

Andi😄

Test buttons post to the local connector, so the real overlay shows the same event. The canvas is transparent, exactly like the OBS browser source.