How To Add Duscord Widget To Twitch

How To Add Discord Chat To OBS (Phonation & Text)

Having a chat every bit an overlay is a regular feature across most Twitch streams these days. Chances are, when you lot click a newly recommended stream on the platform, you'll see their conversation embedded into the side of their stream.

But what if you could go i footstep further and add your Discord chat to your stream? It would have all of the part colors, GIF capabilities, and everything that is available on Discord.

Read on to find out more than about Discord and how to integrate it directly into your content! Nosotros will prove you how to:

Add together Discord text conversation to OBS
Add together Discord voice chat sound to OBS

Discord and Streaming

Discord and streaming are now synonymous with each other. Creating and managing an agile Discord channel can form a vital sense of community. It enables y'all to engage with fans outside of your stream schedule and be more readily available to them.

Discord is a two-fashion conversation too. Non only can you supply your members with data, news, and additional media, just they tin can instigate chats with yous in the relevant channels. Having these chats on screen is something creators take wanted to practise for a long fourth dimension, and now the plugins be to help streamers attain this goal!

To Chat Or Not To Chat (On Screen)?

Streaming trends are an always-evolving topic. Ane day 1 affair is super popular with viewers, and the side by side, information technology is outdated and uninteresting.

Streaming trends alter daily, and on-screen chat is one of the most highly debated contempo changes. A large number of streamers however deem on-screen to be necessary since stream chat is disabled for VODs. Notwithstanding, a few large streamers take analyzed their stream statistics, realized that VODs simply attract a pocket-size percentage of their views, and decided that on-screen conversation takes upwardly too much space.

Currently, it doesn't seem to brand much of a divergence in viewer retention,, just information technology'south worth keeping an eye on the trend to make sure you're all up to appointment with what'southward hot and what's not!

How To Add together Discord Text Chat To OBS

There are currently two main ways to add an OBS overlay to your streams; StreamKit and Window Capture. One requires the apply of a browser capture source, and the other utilizes the window capture source:

StreamKit Method

The Discord StreamKit is a fantastic tool that helps yous set upward three different overlay types on your stream; Server Status, Conversation, and Vocalization Chat. To set up your text chat overlay:

Got to: https://streamkit.discord.com/overlay. In that location, click on "Install for OBS." (There is nix to install actually, information technology will just open a browser window with settings).

Click the "Chat Widget" tab and choose the correct server and text channel you lot want to characteristic on stream.

Add a new browser source in OBS Studio.

Copy the URL from the StreamKit browser and paste it into your browser source URL settings. Set the dimensions to 580px x 215px and you're proficient to get!

Window Capture Method

The second way to overlay your Discord chat is to ready a window capture of your discord window. This is slightly more reliable than the above method merely has less customizability in terms of transparency and general format. It too requires that yous stay on the conversation channel of your discord for the entirety of your stream. If y'all alter the channel, the overlay on your stream will also modify!

Prepare a new window capture source on OBS Studio.

Open Discord

Fix the Window source in OBS to [Discord.exe], and your discord preview should appear above.

Crop the window to evidence only the chat using the crop filter or past belongings 'alt' as you drag the tops and sides of the epitome.

How to Add Discord Voice Chat Audio to OBS

You lot might also want to add the audio from your Discord voice chat in OBS. This is also pretty uncomplicated to do.

Streamkit Method

Go to: https://streamkit.discord.com/overlay and click on "Install for OBS."

You lot will be greeted by three tabs. But open the "Vocalization Widget" tab.

Here, you tin can merely input which Discord server and voice aqueduct you want to record.

Once yous have put in all the info, Streamkit volition spit out a Browser Source URL.

Add the browser source in OBS and set the dimensions to width: 312px, height: 600px.

So there yous have it! You can now simply add the Discord widget wherever y'all want it to appear on your screen.

Audio Input / Output Method

Open Discord and go to Settings > Voice & Video
If yous haven't already, prepare your "input" and "output" devices. In your example, these are most probable your microphone and headset.

Now open OBS Studio or SLOBS and go to Settings > Audio

Set the exact "input" and "output" devices as in Discord. In OBS, these settings are chosen "Desktop Audio" and "Mic/Auxiliary Audio"

Once fix upward, y'all tin can now arrange the settings in the sound mixer in OBS.

That wasn't that difficult. Was it?

Provided yous accept done everything correctly, your viewers will now hear when someone is talking to you lot on Discord too as what yous say.

How to Mute Discord Vocalism Chat When Live-Streaming

One time in-stream, it might be a good idea to be able to mute the vocalization chat. You can do this by setting up a hotkey to mute the OBS audio source.

The second option is to use a hotkey to mute your Discord directly.

In Conclusion

Of the two methods, StreamKit is probably the nigh compatible and reliable. Yet, it is an online source, and should anything happen to the website; your source will be unavailable. Your best bet would be to set both methods up with StreamKit equally your main and Window Capture hidden in the groundwork as a backup. One thing's for sure, with Discord chat on the screen, yous've at present linked two platforms that are vital to cosmos success!