Add your first overlay
Put a Vfinity widget on stream as a browser source in OBS or TikTok LIVE Studio
Overlays are small pages Vfinity serves from your own computer. Copy a widget's address, paste it into a browser source in OBS or TikTok LIVE Studio, and it shows on stream.
Here you'll add the Chat Box, which shows your viewers' chat and is on from the start. Every other widget goes on stream the same way.
Find the widget
Click Overlay in the dock. The library lists every widget as a card with a switch, grouped by category. Type in Search widgets, or click a chip such as Chat, to narrow it down. Find Chat Box and check its switch is on.
Copy its address
On the Chat Box card, click Copy URL. The button says Copied, and the address is on your clipboard. You can also right-click the card and choose Copy OBS URL.
The address looks like http://127.0.0.1:21424/#overlay-chat?lang=en. The part
after the # picks the widget, and lang keeps it in your app's language.
http://127.0.0.1:21424/#overlay-goal?id=goal1&lang=en
- The overlay server on this PChttp://127.0.0.1:21424
- Which widget#overlay-goal
- Which one of its kind?id=goal1
- Language, pinned to the app’s&lang=en
Add it as a browser source
The steps are the same in OBS and TikTok LIVE Studio.
Add a Browser source
In Sources, click + and choose Browser. Give it a name you'll recognise, like "Vfinity chat".
Paste the address
Paste the address into the source's URL field.
Set the size
Set the width to 1920 and the height to 1080, then confirm. Move or crop the source on your canvas like any other.
Check it works
Back on the Chat Box card, click Test on OBS. A test message, "Test message from Vfinity. Your chat overlay works!", appears in the source. It goes to the overlay only, so no events, speech or stats fire.
The Dashboard also counts the sources that are open. In its Connections card, the Overlay open in OBS check turns green and says how many clients are connected. If the card says Ready to go live, click Show details to see the checks.
Add the thrown gifts
Throws use a page of their own. Its address is on the Dashboard's Throwing overlay card, with a copy button. Add it as another browser source, 1920 by 1080, so gifts can fly across your stream. Throwing shows how to turn a gift into a throw.
Keep Vfinity running
The overlays come from Vfinity itself, so keep it open while you stream. If port 21424 is busy when Vfinity starts, it chooses another and tells you. The addresses change with it, so copy them again and update your sources.
OBS keeps showing the page it loaded, so after you update Vfinity, refresh each Vfinity source once. Upgrading shows how.
To show overlays in OBS on another computer, see Overlays.