TikTok LIVE overlay

Make TikTok LIVE events part of your stream

Add an animated virtual pet overlay that reacts to TikTok LIVE gifts, follows, likes, shares, chat, and viewer joins in TikTok LIVE Studio, OBS, or Streamlabs.

Transparent browser-source overlay
Different reactions for different events
TikTok LIVE Studio and OBS compatible
Preview reactions before going live
TikTok LIVE Studio scene with a StreamRio animated overlay
Direct answer

What is a TikTok LIVE overlay?

A TikTok LIVE overlay is a visual layer placed over a live video. StreamRio adds an animated virtual pet that can remain in the scene and respond when viewers send gifts, follow, like, share, chat, or join the LIVE.
Supported event types

Turn TikTok LIVE activity into visible reactions

Each supported event can use its own character animation and message, so small interactions and major gift moments do not need to look the same.

TikTok LIVE event types and example StreamRio reactions
EventExampleOverlay response
GiftRose, Galaxy, or another LIVE giftMap gifts or gift values to different animations
FollowA viewer follows during the LIVEPlay a welcome, clap, heart, or invite reaction
LikeLikes or like milestonesCelebrate engagement without a full-screen interruption
ShareA viewer shares the LIVEThank viewers who help distribute the stream
ChatSupported chat activityUse a character response for community moments
Viewer joinA member enters the LIVE roomGive new arrivals a visible welcome
Try a TikTok LIVE reaction
Click a viewer event to see how your virtual pet can respond inside a real stream scene. Each gift, follow, share, or chat event can use a different animation.

Live Scene

Trigger Pad

Pick a viewer event

Demo

No reaction is playing. Choose a viewer event to preview an animation.

TikTok LIVE Studio

Add the overlay as a Link source

Copy the private overlay URL from StreamRio, add a Link source in TikTok LIVE Studio, keep the background transparent, and position the character inside your LIVE layout.

  1. 1Choose a character and configure reaction rules.
  2. 2Copy your private StreamRio overlay URL.
  3. 3Add a Link source in TikTok LIVE Studio.
  4. 4Resize the source and test each reaction.
Build your overlay URL
TikTok LIVE Studio dialog for adding a Link source
Where it works

One browser-source overlay, several production tools

TikTok LIVE Studio

Add as a Link source

OBS Studio

Add as a Browser Source

Streamlabs

Add as a Browser Source

Other streaming tools

Use a supported web or browser source

FAQ

TikTok LIVE overlay questions

What is a TikTok LIVE overlay?

A TikTok LIVE overlay is a visual layer added to a live stream. It can show branding, alerts, goals, chat elements, or animated characters. StreamRio focuses on an animated virtual pet that reacts to TikTok LIVE viewer events.

Can TikTok LIVE gifts trigger an overlay animation?

Yes. StreamRio can map supported TikTok LIVE gifts or gift values to different animated character reactions.

Does StreamRio work with TikTok LIVE Studio?

Yes. Add the private StreamRio overlay URL as a Link source in TikTok LIVE Studio and keep the source background transparent.

Can I use the same overlay in OBS or Streamlabs?

Yes. StreamRio is a browser-source overlay, so the same setup pattern works in OBS, Streamlabs, and other software that supports web sources.

Can I test the TikTok overlay before going live?

Yes. You can preview characters and test reaction rules in the StreamRio dashboard before connecting production LIVE events.