This article published by MiniTool Technology delves into the OBS StreamKit Overlay of Discord and guides you through its setup and integration with the OBS software. Read it in less than 3 minutes to grasp the information you need.

What Is Discord StreamKit Overlay?

Discord Overlay StreamKit serves as a customizable extra browser source to showcase your text and voice chat during gameplay. It helps you display essential server details to your audience without consuming critical stream space for the entire client.

How to Use Discord StreamKit Overlay?

The following explanation uses Open Broadcast Software (OBS) as an example to demonstrate how to utilize the Streamkit overlay.

How to set up discord OBS Overlay? Typically, you can configure Discord OBS StreamKit Overlay in three steps: installation, customization, and application.

Step 1. Install and authorize the StreamKit Overlay.

1. Launch both your Discord and OBS applications.

2. Click the Install for OBS button on the Discord StreamKit Overlay page.

3. Subsequently, a popup will appear in your Discord program requesting authorization for StreamKit Overlay to access your Discord account. Simply click the Authorize button to proceed.

Step 2. Customize OBS Discord Overlay

Immediately after clicking the Authorize button in the pop-up window, you will be directed to a page where you can modify the overlay settings. Generally, there are three widgets available for customization: STATUS, CHAT, and VOICE.

Each individual widget can be personalized in various ways, and they can all be used simultaneously. While personalizing your status and chat widget, a preview window appears on the right side to show the effect.

Step 3. Apply Discord StreamKit Overlay on OBS

Once you've completed all customizations for your overlay, you must apply it in the target OBS application.

1. Copy the installation link located beneath the preview window on the customization page.

2. Switch to the OBS application, click the Add icon ( ) in the source section at the bottom, and choose Browser.

3. In the subsequent window, retain the default Create new option, rename the new browser, and click OK to continue.

4. In the ensuing window, paste the copied installation link into the URL field and define the Width and Height based on those shown beneath the installation link on the customization page.

Finally, you can view the Discord Overlay OBS live in your stream preview. You can drag and resize it as needed.

Note: Each separate widget generates a distinct installation code (with a unique installation link). Thus, you must repeat the aforementioned process to incorporate the other two CHAT and VOICE widgets with OBS.

Conclusion

Besides OBS, the Discord StreamKit Overlay can also be integrated into XSplit, and the steps are similar to those mentioned above. It's a robust feature enabling you to communicate with your friends via text or voice—or both—while streaming your game to Twitch. So, what are you waiting for? Give it a try and discover how beneficial the overlay can be!

Also Read:

• Can New Discord Members See Old Messages? Yes or No?
• How Long Does It Take for a Discord Account to Delete or Disable?
• How to Change Age on Discord & Can You Do It Without Verification
• [7 Ways] Fix “Failed to Connect Spotify to Discord” PC/Phone/Web
• Discord Spotify Listen Along: How to Use & Fix It’s Not Working?

The above is the detailed content of Discord StreamKit Overlay Allows Chat Within Stream on OBS/XSplit. For more information, please follow other related articles on the PHP Chinese website!