OBS Studio v22 – New Browser Source & Features Explained


Hey guys, what’s up, my name is Speedbre4ker and in today’s video I’d like to talk about the newly released version 22 of OBS Studio. Now It has been quite a while since a big update has been pushed for OBS Studio I think the latest version was dating back to March of this year. So on August the 20th 2018 OBS has released its version 22 of OBS Studio. Now obviously I would recommend each and every one of you to immediately upgrade to version 22 it is as of today the most stable and most performant version of OBS Studio. So if your version of OBS Studio is below 22, then go over to help and check for updates and if this is not working then head over to the OBS project website and download OBS manually. Quick note, if you download OBS Studio over the website and upgrade it to the newest version then obviously of your settings are gonna be preserved Now the first huge improvement is in regards of the browser source plugin. They have changed the way that the entire plugin works entirely. So just briefly let me explain to you how the browser source worked before and how it works now. So in the old version of the browser source plugin, it was using software rendering so it was using your CPU for the rendering of the website that you want to display Now each rendered frame had to be passed into the RAM and then passed on to the GPU to be made available for OBS Studio. So that resulted in about 500 megabytes per second transfer rates only for your browser source if you had it running at 1080p and 60fps. So you can imagine that performance wasn’t really great. Now with the new version of the browser source plugin, they are using GPU rendering so hardware accelerated rendering off the surfaces in Chrome. And now the browser source plugin is importing the frame directly after it’s been rendered on the GPU into OBS Studio. Now what you can see on screen is the impact of having the browser source plugin enabled in the old version of OBS Studio, and what happens if you disable it. As you can see both CPU and GPU usage are greatly decreased if you’re disabling the browser source plugin. Now on the right hand side I’m showing you CPU and GPU usage in the new version of OBS Studio. As you can see the improvement over the old version of OBS studio is actually quite significant CPU usage goes down a lot and GPU performance sometimes is kind of fluctuating, it kind of goes up and down but it also seems to be much lower compared to the old version of OBS Studio. So basically what this update is doing is it reduces CPU, RAM and GPU usage when using a browser source plugin, and this is also achieved by getting rid of 13,000 lines of code in the browser source (voice breaks) plugin. Now on top of that obviously since we’re using the GPU for rendering of the frame We can also use WebGL and this is a GPU accelerated website rendering technique and basically it just allows you to display much more fancy graphics with the browser source plugin. Now one last thing regarding the browser source plugin is, that you definitely want to make sure that Hardware acceleration is enabled so go to settings – advanced And make sure that browser source hardware acceleration is enabled Now moving on into OBS Studio itself and the first big upgrade is that you can now group different sources. So say for example, we have this scene here so we have kind of my webcam and then overlay so this is kind of the overlay We have the recent followers name as well as obviously the webcam. Now this is obviously one kind of coherent group in this scene and I might want to use this in another scene. Previously I’d have to redo this entire grouping over and over again in different scenes But now what you can do is you can select the different sources, right click – click on group selected items and now we’re going to call this “webcam widget” Now this allows me to resize and reposition this group within this current scene. And what is really cool is that you can also import this group Into a different scene. And on top of that this allows you to add filters to an entire grouping of different sources. Now another nifty new feature is that you’re now able to color different sources. So say for example, I want to color my webcam in blue and then all of my overlays in say green And then obviously the Game Capture or the background, we want to have in red! So just with a quick glance you’re able to see what kind of sources have kind of which properties. And of course if these eight colors that are provided aren’t enough for you you can also go to custom color and give it whatever color you’d like! Next is a feature that allows you to display the mixer section in the vertical. So you can click on the cog icon of one of your sources hit on a vertical layout and just like that you can see all of your different audio sources in a vertical layer and obviously this is the much more established design when it comes to displaying audio sources and their levels. Also audio sources are now alphabetically-ordered and you can choose between two different metering styles as in sample or true peak. And on top of that it is now possible to display up to 24 scenes in the multiview layout. And if you want to have so many different scenes, I mean I don’t even have eight but never mind that, you can head over to settings – go to general – and all the way on the bottom you can find the option to pop up the amount of scenes for the multiview up to 24. Now just a quick side note if you want to use the multi view always use Studio mode, because if you do not then what happens is if you click on any scene, it is directly pushed on to the program. And obviously this is not the desired behavior. So if you open up Studio mode and go into the multiview, so then if you click on a scene it is only shown in the preview, but only if you double click it will be pushed onto the live feed Other than that, there are a huge number of little bug fixes that just improve general performance or fix certain crashes. So if you want to read up on all the changes yourself, I have left a link to the changelog in the description below. So that about sums up this new version of OBS Studio. In my opinion this is a huge step forward in terms of performance and in terms of features and if you are not yet on this new version then I definitely recommend you to upgrade now But that’s it for today’s video guys. If you still have any questions don’t hesitate to leave them in the comment section down below, thank you so much for watching, have a wonderful day and I will see you guys in the next video! Manual subtitles by Speedbre4ker – hit me up with a subscribe and like if you enjoy manual CC!

17 thoughts on “OBS Studio v22 – New Browser Source & Features Explained

  1. I have issue when capturing PowerPoint window (Window Capture source) – just white screen instead of presentation. Can you help about how to fix it?

  2. excuse me sir, when i stream there is only 720p setting. do you know how to get many kind of resolution for viewer like 360p or 480p? Thanks sir

  3. Hi,
    You just got another subscriber.Good video..
    How do i make my webcam video appear on my browser just like yours, when doing presentation with obs studio? please i need a video walkthrough,tutoria or link .Thanks

Leave a Reply

Your email address will not be published. Required fields are marked *