How to set up Sound Alerts on Twitch & OBS
How to set up Sound Alerts on Twitch & OBS
Are you looking to add Sound Alerts to your Twitch stream in OBS? Well, you've come to the right place! I have a tutorial for you about how to set it up and I've added photos so there's no guess work!
Sound Alerts are great for a solid handful of things, like adding interactivity to your streams and making for hilarious clippable moments. I've personally been using it for years and I'm here to share the knowledge! Lets get into it!
Step One - Get the Sound Alerts Extension on Twitch
Your absolute first step to getting Sound Alerts set up is the Extension. This is a big part of the app! You'll wanna log into Twitch in your browser and head up to your profile photo in the top right corner. From there, click on "Creator Dashboard", then go to "Extensions". Your page will look something like this.
Search for "Sound Alerts" in the top right where it says "Search all extensions". Once you've searched it, it should be the first thing you see pop up. Press the "Add" button on the extension.
You should see a new configuration panel pop up for Sound Alerts. You've got two options. You can close out of it for now or activate it. If you want to activate it now, go to the bottom right hand corner and there will be an "Activate" button. Click that and select which option you want. If these extension options don't make sense to you or you're not sure which one to pick, have a look at this explanation from Sound Alerts themselves.
I chose a Panel, but you can select a Component or Overlay. I personally recommend using a Panel, but that's my preference. Don't be afraid to ask your chat what they prefer to use! Input from your audience is always valuable.
Tip: If it isn't loading for you, try doing this in a different browser. I had trouble with this in Firefox for example, and when I tried it in Edge it worked.
Step Two - Logging into the Dashboard
After you've activated it as a panel, you're ready to configure your Sound Alerts! Back in the "My Extensions" tab, locate your Sound Alerts extension and click on the cog wheel. That will pull up this "Open Dashboard" page. Click on the button to open the dashboard.
Click on the "Login with Twitch" and connect your Twitch to Sound Alerts. It will ask for permissions and after you connect it will redirect you to the Dashboard.
Now this next page may look daunting. There is a lot going on and if you've never set this up before, it's all new to you. Don't worry though, I've got you covered.
Step Three - Get your Browser Source URL
This step is the most important of all because without setting up the Browser Source, nothing will work on your stream. On the Dashboard page, you will see a menu on the left side. Go to the "Settings" tab and click on "Setup" in the top section of that page.
Step Four - Set up the Browser Source in OBS
Now that you've got OBS open, we're gonna add Sound Alerts! This part isn't too complicated, I promise.
So, you're going to start with any scene you want Sound Alerts to be on. If that's more than one, I will go over that at the end of this section. In the "Sources" tab, go to the bottom and hit the "+" sign. Select "Browser". Name it something clear like "Sound Alerts" to make it easy on yourself. You don't want Browser 1, Browser 2, Browser 3, etc.
Once you have selected it, delete the default URL in the source and paste the Sound Alerts one into it. From there, you could leave the dimensions for height and width as default if you want, but I prefer to set them to whatever your stream resolution is, either 1080x1920 or 720x1280 respectively, and then scale them down from there.
Tip: If resolutions confuse you a little like they used to confuse me, a rule of thumb I use is for landscape orientation, the bigger number is the width and the smaller number is the height.
Something to note with adding Browser Sources in general but also with Sound Alerts- a lot of Browser Sources do NOT take up the whole box. Sound Alerts however DOES take up the whole thing. Some are smaller within the box itself and you can adjust the sources size down without making the WHOLE THING smaller by holding ALT while you crop things down. This works for every source you can move around and change.
So just be sure to size down your Sound Alerts source to what size and placement you want it on your stream so you aren't jump scared by a massive source when someone uses a redeem.
Lastly, for this step, if you want Sound Alerts on more than one scene in OBS, don't add it as a completely new browser source every time. Simply go to the "+" button again in sources and select Browser. This time you want to click on the "Add Existing" button and select the Sound Alerts source you made.
If you want it to be copied exactly, as sometimes its not, you can copy and paste the source itself from one scene to the other. Ctrl+C and Ctrl+V work for this, but you can use the right click menu at the top to do it too.
Step Five - Test your Browser Source
We're almost done! Now that you've added your Sound Alerts Browser Source URL (that's a mouthful to say) we can get to testing it! Testing it is really important because in case anything went wrong in the set up process, you want to be able to fix it BEFORE you go live and have chatters start spending channel points or bits on something that might not work.
Back in your browser on your Sound Alerts Dashboard, you're gonna want to head to the "Library" tab and add your first sound! This can be something you either add from the "Browse" tab if you want to look for something you like or from the "My Uploads" tab if you have a sound you already want to use. To test the Browser Source you will need at least one added sound, so go ahead and pick one! Once you pick one, you get to pick if it's added to the Extension, which is limited to 30 alert buttons, or as a Channel Point redeem which is limited to 10 alert buttons with the free version of Sound Alerts.
By the way! Sound Alerts has both sounds and videos now. If you, like me, don't want to use the video options, simply check the top left corner of each sound. If you see a video camera icon, its a video and if you see a music note icon, its just a sound. Here's an example:
After adding a sound, head over to the "My Alerts" category to customize and test it! Click on the alert you want to edit or test and you'll see the settings pop up on the right hand side of the page. Click on whichever tab you added your alert to, either "Extension" or "Channel Points", and select the alert you want to edit or test.
I recommend testing the alert first and then deciding what you want to change, like volume, the name of the alert, the cost, etc. To test it, you're gonna want to check the right hand side where the settings for the alert are and look for the "Test in browser source" button.
Once you've tested it, you can scroll down and change the settings to fit your personal preferences. Personally, I find the most important setting to be the volume slider. Some alerts default volume is WAY too loud for anyone who want's to keep their eardrums intact.
Once you have decided what settings you want for your alert, just repeat this step and add as many Sound Alerts you want to, up to the maximum allowed of course. At this point, unless you're having trouble with something I haven't covered, you're done!
Bonus Step - Animations
So you're done setting up Sound Alerts and you're wondering if there is more customization options? I got you! On the left hand side menu there is a tab called "Animations". If you head over there, you can see a bunch of different styles of alerts they offer which can really bring some personalization and personality to your alerts! It's also helpful if you've got a specific vibe or style you like to go with.
If you've ever used StreamElements' overlay editor, it's a lot like that once you're in the editing page for an animation. You can edit and customize the types of alerts it shows! That also works for follows, subscriptions and others!
Conclusion
Hi
there! My name is Mystic and I've
been streaming and content creating for 5 years now. Over the years I've had a lot of people ask me for a Sound Alerts tutorial and I'm not a fan of gatekeeping. I believe education should be
accessible to everyone!
Thank you for reading! If you have any questions for me please leave them in the comments below!
If you'd like to see more posts like
this please consider following this blog and following me on my other
socials! I have an educational series called "Mystic's Guide to
Streaming" on my YouTube channel and I stream live on Twitch on
Tuesdays, Wednesdays and Saturdays every week! See you in the next one!
- Mystic
Comments
Post a Comment