To showcase the countdown timer I need to add a local file as a browser source in Streamlabs.įor example the app I use is called Snaz and here you can see they provide me with a local url of the file on my computer (Copy Path To Clipboard). This can be useful for showing a video you may have saved on your computer however it can also be used for applications that run on your computer.įor example I use an application to run a countdown timer on my streams. The browser source widget also allows you to show local files on your computer. Adding A Local File As A Browser Source In Streamlabs OBS You can then adjust the widget to fit into your scene how you please. Just click done and you will see the widget added to your scene. To use your third party widget paste your URL in the URL section (if you want to adjust the audio select control audio via OBS) and you are good to go. You can see below I have a link from isaiahcreati bot as it is the bot I use to run my text to speech. If you are using a third party app they will give you a URL to paste into the URL section of your browser source. For the Text to speech to play I have to use a browser source widget. If you have used OBS Studio before you will likely be familiar with this.įor example I have text to speech using channel points enabled on my stream. This allows us to add extra functionality to your stream that Streamlabs OBS doesn’t provide. Third Party widgets are the main usage for Browser sources in Streamlabs OBS. Adding A Third Party Widget Browser Source To Streamlabs OBS That’s how you showcase a website through a browser source in Streamlabs. You can also adjust the width and the height of the browser source in the settings to get the perfect aspect ratio for whatever it is you are showcasing. A new window will pop up where you can interact with the browser and position it perfectly for your stream. To do this right click on the browser source –> Interact. For something like youtube they have a GDPR pop up that you will need to remove if you want to watch the video. Just paste the URL of the website that you want to appear on your screen. Give your source a name and then we can add our URL. To add a browser source to your stream go to Sources –> + –> Browser Source –> Add Source For example you can show a Youtube page and react to a certain video. In this tutorial I am going to be covering three different types of browser sources you will likely want to utilise in Streamlabs OBS.Īdding A URL Browser Source To StreamlabsĪ URL browser source allows you to showcase a webpage on your stream.
using browser sources is a great way to react to videos or even showcase a video file you have on your computer. What Are Browser Sources In Streamlabs OBS?īrowser sources allow you to utilise third party widgets, webpages and files on your computer on stream. In this tutorial we are going to explain what browser sources are in Streamlabs and how you can use them to your advantage when streaming. Nonetheless there is still a few things that we need to use browser sources for. Browser sources used to be used for many different widgets in Streamlabs however we now have a lot of these features built directly into the software.