In this article, I will teach you How To Connect YouTube And Twitch Gaming Chat Together With Restream.io Chat. We’re also going to add this chat to the OBS Studio.
Let’s get right into it. Arguably the most crucial part of being a streamer is interacting with your viewers in any form. Let’s take time and see how to combine all of our chat rooms into one place to interact with viewers across multiple platforms easily.
We can see a brief preview of how our chat will look – where it shows the icon for the platform our viewers are chatting on, their nickname, a timestamp, and the message.
Download And Install Restream.io First
By the way, all of this can be customized as well. So please go ahead and download and install this program just like any other. Before we launch this app, I will go back to Restream.io and login into my Account. Once I’m in, I’m going to make sure the channels I want to connect with chat are added inside of my Restream dashboard. Also Read: Blogging Tips
If you need more help on doing this, make sure to watch some last videos on YouTube about setting up your Account. Anyways, let’s go ahead and launch the program and login to our Restream Account. You might not see much, but let me walk you through the hits interface. First, in the top left, we’ll see an icon that shows how many services were connected to and how many people are in all the rooms.
If we click this area on the top left, it will show and hide our services and give us a better breakdown of what all is connected. You can also clear history in the bottom left. You’ll notice that some services show “read-only”- this is because the program cannot send chat messages to these services. However, the other online shows can have news from our Account forwarded to the chat rooms. I’ll hide this section and show you more about how we can send messages.
Also Read: How To Rotate Text In Paint.Net
How To Test Your Chat Option At Restream.io
First, I’ll type a message to myself in my Twitch and Hitbox chat to show you that things are connected. Again, you’ll see the icons that represent where the news is from. Already, I think this program is pretty awesome, but there’s much more. At the bottom, there’s a dropdown and an area to “Write to chat…”. This is where we can enter commands to various platforms.
If you click the dropdown, you’ll also be shown different channels that you can specify your message to go to. This will also filter your chat messages for each service if you want to check out what’s happening on just Twitch, just YouTube, etc. Leaving it on the all chats option will attempt to broadcast your message to any not marked services as read-only.
So far, I hope you’ll see how easy it is to communicate with your various users – but it might not be evident to some if you’re streaming in one place and talking to another. So, let’s go into the settings, and I’ll show you in just a second how to add this window into OBS Studio the right way. First, we can check out the general settings- we can see some options here, but I want to make sure that Force chat auto-scroll is enabled.
Chat Connect Settings Of Restream.io
Next, we have Chat Accounts – this allows us to double-check which accounts are connected – as I mentioned, it will sync with our settings in our Restream dashboard, but if you’re having issues with a chat room, you can always try to reconnect here. Chat filters allow you to specify any words you’d like not shown in either the app window or the web UI.
Put the words you want to filter, separated by a comma, and enable both of these options. One small quirk about the programs is that it is space sensitive. Meaning after the comma, don’t use a room- or else it might not filter out the words you put. In the window section, we can disable “Always on top” if we’d like and Enable Window Background Transparency.
You can play around with the sliders for a look that you prefer. You can only specify sizes and visibility of each item for fonts – so hopefully, they add a bit more to this shortly. I’d love to add my custom fonts and colors here.
Next is notifications. We can set a sound when we have a new message or a sound that plays when our nickname is mentioned. I think it could be a bit annoying for all news to have a sound – but I could see some use for the second option here… especially in busier chats. With all those setups, we’re finally at the sections that allow us to add this chat system into OBS Studio.
There are two different ways to do this, and they’re straightforward! Let’s start with the most comfortable way – Save Chat To Image.
First Option- How To Connect YouTube And Twitch Gaming Chat Together With Restream.io Chat
After you enable the option, we can select where this image saves to. You can see that this will be in my pictures folder with the name RestreamChat.png – this seems fair to me, so I’ll hit save and open up OBS Studio.
In OBS, I’ll add in an image source and browse to where that image is saved. I’ll select it, and that’s pretty much it. If you don’t see anything yet, it’s because a new idea only generates when a chat message is shown, so you might not have an image generated since you just installed this app. You can use the online tool to create a youtube thumbnail online with youtube thumbnail Templates like PhotoADKing. PhotoADKing has it’s best thumbnail maker tool.
Feel free to use OBS Studio filters and cropping to further customize as needed. I also recommend typing out a lot of lines slowly to see how everything looks and reacts. Remember, you can change the font size and window appearance in the settings as well.
Second Option- How To Connect YouTube And Twitch Gaming Chat Together With Restream.io Chat
The second way we can add this into OBS Studio is through the Web Server. If this is enabled, you can go to the address localhost – colon- and then the port number you have entered, in this case, 8080. You can change the port number if you need to, but hopefully, this doesn’t cause you any issues.
If I go to local host:8080 in my browser, I should see some chat history since I had this enabled from the start. If yours wasn’t allowed, you will need to type a few messages for something to show. Let’s go ahead and copy this URL and go to OBS Studio. I’m going to add a browser source, specify a width and height, and hit Okay to add it in.
I’ll now see my chat logs inside of the OBS studio as a browser source. If you know CSS, you can even override the CSS in the source properties to further customize the appearance. This is my preferred method since I know CSS – but I still think the Image Source is pretty great. Okay, let’s go through these settings’ last options before we finish up this video – which is to save chat to a file. This option allows you to keep your chat history to text files.
You can enable it, select the files where to save, and want a general log and daily logs. This will save different chat files for you that contains everything people say in your other chat rooms. The Restream account tab only allows us to logout, and the About tab shows us the version we’re using.
With that, you should know everything you’d need to communicate to your viewers across many different streaming platforms properly. I’m a massive fan of this program and Restream in general, and I can’t wait to see how it will improve in the future.