Skip to content

Overlay Setup

There are several ways to display Supertips on your stream. This article walks through the most common ways to configure the Supertip overlay in your preferred streaming software — OBS Studio, Evmux, and Streamyard.

Every method uses a per-overlay URL, which you copy from the Copy URL button under Settings > Overlay in your Creator Dashboard. Each overlay you build has its own URL — copy the one for the overlay profile you want to use.

If you use OBS Studio you can quickly configure the Supertip overlay.

To add a Supertip overlay to your OBS stream:

  1. Open OBS Studio with the scene you want to use.

  2. Access your Supertip Creator Dashboard in a browser window.

  3. Select Settings.

  4. Select Overlay.

  5. In the Overlays section, select the Copy URL button on the overlay profile you want to use.

    The Overlays panel on the Settings > Overlay screen, with the Copy URL button on each overlay profile

  6. In OBS Studio, add a new source by selecting the plus button under Sources.

  7. Select Browser.

    The OBS Studio source menu with the Browser source option

  8. Select the Create New radio button.

  9. Enter a name such as “Supertip Overlay” into the text box under the Create New selection.

    The OBS Studio Create New source dialog with a name entered for the Supertip overlay

  10. Select OK.

  11. Paste the overlay URL you copied from your Supertip overlay settings into the text box beside URL.

  12. Enter 1920 in the Width text box.

  13. Enter 1080 in the Height text box.

  14. Check the box beside Control audio via OBS.

    The OBS Studio browser source properties showing the URL, Width, Height, and Control audio via OBS fields

  15. Select OK.

Evmux users can add the Supertip overlay directly as a web source.

To add a Supertip overlay to Evmux:

  1. Open your Evmux Live Studio in a browser window, with the scene you want the Supertip overlay to appear in.

  2. In another browser window, open your Supertip Creator Dashboard and select Settings.

  3. Select Overlay.

  4. In the Overlays section, select the Copy URL button on the overlay profile you want to use in your Evmux scene.

    The Overlays panel on the Settings > Overlay screen, with the Copy URL button on each overlay profile

  5. In your Evmux window, select Layers.

  6. Select Add New Layer.

    The Evmux Layers panel with the Add New Layer button

  7. Select Web Source.

    The Evmux layer type menu with the Web Source option

  8. With the Web Source selected, click the gear icon shown in your preview window.

  9. With Use link selected, paste the overlay URL you copied from your Supertip overlay settings into the text box.

    The Evmux Web Source settings with Use link selected and the overlay URL pasted in

  10. Set the Frame width to 1920 using the slider or text box.

  11. Set the Frame height to 1080 using the slider or text box.

To add the Supertip overlay to Streamyard, use the Supertip Browser Camera extension for Chrome. It gives Streamyard a Supertip Camera and a Supertip Microphone that carry your overlay, so every guest and viewer sees and hears each tip.

  1. Install and set up the extension — see Supertip Browser Camera.
  2. Open your Streamyard studio and select Settings.
  3. Under Camera, select Supertip Camera.
  4. Under Audio, select Supertip Microphone from the Mic drop-down.