Community-Powered Free AI Tools, TTS and APIs for Twitch Streamers
Community-Powered Free AI Tools, TTS and APIs for Twitch Streamers

How to add a Text To Speech (TTS) browser source in OBS Studio and Streamlabs Desktop

Here is a quick guide on how to install the Text To Speech (TTS) browser source in OBS studio and Streamlabs Desktop!
Home How-To Guides How to add a Text To Speech (TTS) browser source in OBS Studio and Streamlabs Desktop

Step 1 - Copy client URL

First you need to copy the client URL. You can find your browser source URL in your PotatoHotDog dashboard.

Step 2 - Create a new scene

Next, open up your OBS Studio or Streamlabs Desktop and create a new scene.

Create a new scene

Step 3 - Add a new browser source

Right click on the newly created scene and a new browser source and then enter a name.

Right click on the Scene and select Browser

Step 4 - Paste in the browser source URL

Paste in the browser source URL you copied earlier.

Paste in the browser source URL

Step 5 - Control audio

Check "Control audio" so that the Text To Speech (TTS) audio appears in the OBS mixer.

Control audio on browser source in OBS Studio

Remember to also add audio monitoring on the browser source, so that you can hear it as well.

Audio monitor a browser source in OBS Studio

Step 6 - Making it global

Uncheck "Shutdown source when not visible" so that it doesn't get disabled when you switch scenes.

The Shutdown source when not visible setting in OBS Studio

Step 7 - Interact

In order to interact with the client, simply right click on the browser source and select "Interact".

You can now login and do all your settings. Since you made the browser source global, you are free to switch scenes as well without any problems.

Interact browser source

Guide written 2022-11-02