The Sound Alerts browser source is the media player that plays all the audio and displays the visual alerts of the alerts played by your viewers. This source needs to be implemented in your streaming software (like OBS) in order to broadcast the sounds and the visuals to your Twitch stream. The following guide shows you how to include the browser source in different broadcast tools.

If you are streaming on your mobile device, check this article instead.

If you are streaming from a Console, check this article instead.

OBS Studio

Head over to your Sound Alerts Dashboard, click on "Settings" and navigate to the "Setup" Tab, which should open automatically if it is your first time logging in to Sound Alerts. Moving forward, you have 2 options:

Add Browser Source URL

Option 1) Copy & Paste

Click on "Copy" or mark the shown URL and press CTRL+C. This copies the Browser Source URL to your Clipboard.

Note: Do not share this URL with anyone! If you did it by mistake, click on "I accidentally revealed my browser source URL to the public" to create a new URL.

Now head over to your OBS Studio and click the little + icon to add a browser source and paste your browser source URL into the "URL" bar and click "OK".

SA_OBS_browsersource6.png
SA_OBS_browsersource7.png

Option 2) Drag & Drop

Hover over the "Crossed Arrows" button and drag it into your OBS Studio scene collection in which you want to use Sound Alerts as a browser source. Press "Yes" in the popup window to add it with success.

Drag and Drop into OBS

SA_OBS_browsersource2.png

Note: This only works if you are using OBS Studio Version 25.0.X or above!

Streamlabs OBS

Step 1)

To add Sound Alerts as a browser source in your Streamlabs OBS setup, press the “+” button in your sources tab.

SA_SLOBS_browsersourceimplement.png

In the window that pops up, you want to choose "Browser Source" and click on "Add Source" afterward.

SA_SLOBS_browsersourceimplement2.png

Step 2)

Head over to your Sound Alerts Dashboard and click on "Copy" on the "Setup" tab of your "Settings". This copies the URL and allows you to paste it into your Streamlabs OBS browser source properties — just like in the screenshot shown below.

Copy Browser Source URL

SA_SLOBS_browsersourceimplement4.png

XSplit Broadcaster

To install the Sound Alerts browser source for XSplit Broadcaster, click on "Add source" and choose the "Webpage..." option. Here you can just paste your browser source URL you can find on your Sound Alerts Dashboard.

Copy Browser Source URL

SA_XSplit_Setup.png

Note: If you want to test if everything is working, use the "PLAY TEST ALERT" button on the Sound Alerts Dashboard.

Play Test Alert

Sound Alerts in your other Scenes

The next step is to copy and paste your newly implemented Sound Alerts browser source to your other scenes. Just right-click it and select "Copy", followed by "Paste (Reference)" in the Sources List of your other Scene.

This is not the right solution? We are happy to help you!

Contact us
More articles
How do I set up Text-to-Speech Alerts for Sound Alerts?
How do I set up Text-to-Speech Alerts for Sound Alerts?

Sound Alerts offers a Text-to-Speech (TTS) feature, which allows your viewers to send individual messages read out directly in the livestream. This article will show you how you can set those up.

Posted by Mr.Bubi
10
Alert Animation Store Showcase
Alert Animation Store Showcase

A smooth viewing experience needs some stylish visuals: You can enhance the look of your stream by using our Alert Animation Store in the Sound Alerts Dashboard.

Posted by mahween
18
Dashboard Homepage Showcase
Dashboard Homepage Showcase

Our Dashboard homepage has a lot of features and things you can interact with. Here we show you an overview of all relevant buttons and features you can use on our Dashboard homepage.

Posted by Mr.Bubi
1