Overlays

Creating a new Stream Overlay

Here's how to create a new stream overlay for use within OBS, XSplit, or your broadcasting software of choice.

Making the Canvas

An Overlay Canvas is where any widgets or content will appear as part of the overlay.

1. Start by navigating to the "Overlays" page.

2. Click "Create New Overlay" in the top-right corner.

3. Enter a name and screen resolution of your choice.

   1. We recommend using the output resolution of your streaming software for the best results.

4. Click "Open Widget Editor".

Using the Widget Editor

The Widget Editor allows you to place widgets within your overlay canvas, with complete control over their layout and positioning.

• You can resize widgets on the page by clicking and dragging each corner.

• You can move widgets by simply clicking and dragging the center of the widget.

• For more control, you can change the grid snapping using the "Snapping" option top-right.

• The approximate size of the widget is displayed in the bottom-right corner.

Adding your overlay to OBS

Now that you've created a new overlay and positioned your widgets, let's add it to OBS.

1. On the "Overlays" page in TipLink, click "Copy URL" next to the canvas you'd like to use.

2. Open OBS.

3. Create a new Browser Source within your scene.

4. In the "URL" field, paste the URL you just copied.

   1. It should look like this: http://localhost:7001/overlay/ab582de8-c0eb-476e-bce6-d57303a6505e

5. In "Width" and "Height", enter matching width and height values you set earlier.

   
6. Click "OK" to save your changes.

   1. If successful - you should briefly see this message appear:

      
   2. If unsuccessful - you will see this message top-left of your overlay. Once any issues are corrected, the message will automatically disappear.

      

How can I test my Stream Overlay?

Stream Overlays are entirely controlled by Alerts. To test your overlay, you can use one of the following options:

• Manual Test Method Go to your Alert, open the "Edit" page, and select the "Test Actions" button.

  

• Replay Method Go to the "Activity" page, and replay an event matching an Alert that triggers your overlay.