![]() You can spend quite a bit of time fine-tuning each alert event through Streamlabs. As I said, the images and settings you use for each one may make the OBS alert box look very different.Īt any rate, you may want to resize the alert box so it fits your overall idea for your broadcast. I suggest testing all of the alerts to make sure your box is the right size for your display. For instance, you can see how subscriptions, bits and even Extra Life donations appear during your live stream. You can do this with any of the options Streamlabs supports. In a brief moment, Streamlabs will send the test to your OBS display. Go back to Streamlabs and click the “Test Follow” button. Let’s do a simple follower test to see what the alert looks like. This is done by testing it through Streamlabs. Testing Your Streamlabs Alertsīefore you can move it around, you need to know how it will appear in your stream. There’s quite a bit you can do to customize the appearance during your live stream. The background is transparent, and the only time you see a message is when Streamlabs detects a new follower, subscriber, donation or other instance.įeel free to experiment with the settings of your Alert Box. ![]() You will see an empty box on your screen. When you’re done, click the “OK” button on the bottom right. However, it’s best to leave this section alone when adding Streamlabs alerts to OBS unless you absolutely know what you’re doing. In this window, you can also add your own CSS coding to fine-tune it even further. It will depend on the graphics you use and how you want it to appear in your live stream. This works perfect for my own alert box, but you may want to try a few of your own. For example, I am going to use: width of 800, and a height of 300. ![]() ![]() However, I find it best to adjust the settings manually. You can leave the width and height as default and reshape your alert box by dragging the controls. Paste the link you copied in the URL space. Don’t worry, this is just a sample image and will go away once you change the URL. Input a new name for this source and click, “OK.” Because this is for my alert box, I will name it, “Alert Box.”Ī properties window will load for the source displaying a placeholder image. There’s a lot of fun you can do with this feature, but lets just stick with adding a Streamlabs alert box to OBS for now. This is how OBS accesses web-based content. In your sources window, click the “+” icon on the bottom.Īs you can see in the image above, I am editing my “HowTo” scene.Ĭlick the “Browser” option from the list. If you only have one, this is your default already. Make sure you’re on the “Scene” you want to edit. Open your OBS software if you haven’t already. That way, you don’t lose it or accidentally copy something else to the computer’s clipboard. I suggest pasting the URL into something like Notepad or another text document for now. This is hidden by default to add protection from someone else using your OBS alert box URL for themselves.įor instance, what if you’re accidentally streaming your Streamlabs page? Anyone could then use the URL they see from the broadcast. You can also “Click to Show Widget URL” if you want to manually copy and paste the link. Go to your Streamlabs account and click, “Alert Box.”Ĭlick the “Copy” button next to the Widget URL. The tools might be in a different location, though. However, I am fairly sure this works with earlier versions of the software if you haven’t upgraded yet. It’s essentially the same steps to add the Extra Life widget to Streamlabs as it’s just an alert box.įor this tutorial, I am using OBS 24.0.3. I’m also going to assume you have OBS Studio installed, so we’re going to skip those steps. I’m going to assume you already have an account with Streamlabs and are ready to start showing your alert box. Get More by Adding Streamlabs Alerts to OBS Adding Streamlabs Alerts to OBS ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |