Connect Streamlabs data to a design

Titler Live Broadcast can display real-time Streamlabs alerts in your design. Complete the steps in this article to connect to Streamlabs.

Note: This feature is only available in Titler Live Broadcast.

  1. In Titler Live's playout interface, open a project (if a project isn't already open) and select a graphic in the playlist.

    Tip: Want to create a new graphic? Open the Library panel and drag a design from the library to the playlist. If you create a new graphic with a Streamlabs design from the library's Inputs section, your graphic is already connect to a Streamlabs input, so go to step 3. If you create a new graphic from the library's Designs section, complete step 2 to add the Streamlabs input to your graphic.

  2. Choose Inputs > Gaming > Streamlabs and select a Streamlabs input to add that input to the design.

    The Streamlabs input appears in the Input drop-down list in the Attributes panel and in the playlist for that graphic. In addition, the Streamlabs input and its variables appear in the Edit / Preview panel.

    Tips

    • You can also add inputs to a graphic from the Input drop-down list in the Attributes panel or playlist.
    • To remove an input from a graphic, right-click (Windows) or Control + click (Mac) on the name of an input in the Edit / Preview panel and choose Remove input.
  3. Click one of the buttons in the Streamlabs panel and follow the on-screen instructions to log in to Streamlabs.

    input-streamlabs-panel.png

  4. Click the Show Inputs button in the Edit / Preview panel to view the Streamlabs input and variables. (If the input's variables aren't visible, expand the Streamlabs list.)
  5. Click and drag a Streamlabs variable onto an object in your graphic. Repeat this step for each variable you want to include in your graphic.

    Tip: To disconnect a variable from an object in your graphic, right-click a variable in the Edit / Preview panel and choose Disconnect variable.

    input-streamlabs-preview.png

The data for your Streamlabs input is now visible in your graphic and updated in real time.

Was this article helpful?
0 out of 1 found this helpful
Have more questions? Submit a request