Detailed Tutorial

How to use PointsTTS

This tutorial takes about 10 minutes to complete.

---

Step 0

Welcome! Before we start, make sure you have everything set up. You will need a Custom Reward (Not a default reward), which you can name whatever you want, I recommend naming it "TTS". If there is no Custom Reward yet, the streamer needs to create one.

Step 1

Specify the channel

Welcome! To start, visit tts.openpeepo.com. The website should look like this:

Click on the input field which is labelled "What's your channel name?".

• If you're a streamer: Type your Twitch username.
• If you're a moderator: Type the streamers channel name.

When you're finished, press the Enter key or click anywhere else on the webpage. A button will appear, the website will look somewhat like this:

---

Step 2

Set up the reward

Press the button in the top right. The website will now wait for you to redeem the channel points reward which will act as the trigger for TTS to speak up.

Go to the Twitch channel where you want to run TTS and redeem the Custom Reward you created specifically for TTS. (If you don't have such a reward, go back to Step 0.)

Type !setup when you redeem the reward.

Now, go back to our website. If you see this, you did everything right:

---

Step 2.5

Optional Settings - You can skip this step.

Here's what all of these do:

• The menu labelled "Which TTS voice?" allows you to choose the default TTS voice. (Note: Only if viewers don't specify a voice.)
• The "Tutorial" button takes you to the TLDR version of this tutorial.
• The "Made by IPat" button is shameless plugging by me.
• The "Ready to go!" button should be pressed in the next step.

---

Step 3

Finishing off

We're almost there! Press the "Ready to go!" button and you'll get a link. Press the "Copy URL" button:

Congratulations, you're a proud owner of your very own TTS URL. You can test it out in your browser - but in this tutorial, we'll get straight to the point and use it in OBS Studio.

There are two variants to use it in OBS Studio, you can add it as a Custom Browser Dock (recommended) or as a Browser Source (not recommended).

To add a Custom Browser Dock, click on View > Docks > Custom Browser Docks..., a window will pop up. Create a new dock by typing "TTS" as the Dock Name and pasting the URL (Ctrl + V). Click Apply in the bottom right corner of the window, and you should see a giant skip button.

The controls will be explained in Step 4.

Here is a low-quality video on how to add a Custom Browser Dock:

If you need more help with Custom Browser Docks, this video may help you.

Here's a video of me arranging the TTS browser dock in OBS Studio:

If you want to use a browser source instead, you will not be able to use any of the controls in Step 4. It is explicitly not recommended.

---

Step 4

Controlling TTS

The TTS should work as it is. You can test it by redeeming the TTS channel reward with any text.

But what does the big button do, and what's the purple square in the top right? Here's a short explanation:

• The big button skips the currently playing TTS message.
• The purple square represents the current TTS audio volume - it's part of a slider you can move.

---

That's it! If you like the software, spread the word!

If you're a developer, I'd always appreciate contribution to the repository.

OpenPeepo is a project aimed at bringing people closer to programming in a team, whether it is beginners or veterans. Team experience is important, contributing to team projects is as well. Interested in supporting this idea? Hmu on Discord: @IPat#0001