(OBS Live) Video shout out with Streamer bot!

in this episode we cover a video shout out player to shout out those streamers that really mattered to you or you just want to highlight on your channel this will give a shout out with custom shower type support so if you're using that already it's covered they'll do their lego on startup and then play a random clip from the channel as well hello and welcome to streamrobotbytes where i cover how to set up and to make the most of the awesome stream robot there is one video per topic to make it easy as possible to follow and find when relevant sample import code will be provided to make it even easier to get started and to add functionality to your stream let's get started with the topic for this video before we start please make sure you are running stream robot 0.1.4 or later there are some functionalities in here that um will cause instability in older versions of streaming bots so i do not recommend you use an older version this video is going to be released shortly after student bot 0.1.4 goes live so it is going to be available in the usual spot under streamer dot bot for the video shout out the first thing we need to do is to be able to create a scene or a source that you can use within a scene for the video shout out now i feel the best practice for this is to create a scene like an alert scene something called alerts so this is a scene you can have within other scenes it's good for reuse it's good practice within this we need a browser source and this is how the video chat works so streaming bot will notify obs to change the browser source location it needs to be to initiate the video shout out so i'm going to call this shout out now url let's just use about blank which basically means it's a blank page it's nothing showing when we're not using it the width needs to be 800 and the height 450 which is the size of the video and everything is matched within the web page to work around that resolution if you want to change the size of it resize the control afterwards it's worthwhile noting do not use the local file option this will break the functionality it needs to be the default so you can see here got a video shot it's going to make it bigger i'm going to make it full screen here and that's uh the obs part done so once the broadcaster software is set up we need to import the action into streambot so the action is going to be in the video description below if you're watching this directly from discord then you'll find in the discord posting either on stream but all the shifting realities area so we can right click an import as before now there's a guide to import um into stream robot if you're not sure about that please note you do have to have obs or slobs connected it's too bad to go through this you can see here two actions are imported one which is just for the failed shout out so if it's not a valid streamer for example or they have no shoutouts and the video shout out is the actual code itself so you can see here that's the failure there and this is a video shout out itself there's a there's three things we need to configure in here the first thing is the browser source and so that's the source that we actually made just before this section so it's shout out like this and the show type scene we're using an alert scene so using alerts there so that's the most of the configuration done we need to do one more step and because we're using c sharp code which is here to execute code we need to make sure that compiles now by default if we just try compile it won't work we need to be having valid references if we try find reference it doesn't add any more so there's two we need to add in here so if you right-click and add reference and file it's worth noting this is a location it brings up i believe by default if not you can go to see windows microsoft.net framework etc whatever's down here go to that same location if you type in system dot dll that's gonna be the first one we want to add and another one system dot core c-o-r-e dot dll those are the two that are needed in there now if you click and compile wait a moment you can see here it's compiled successfully so with those steps we've configured the video shout out for the bot of course now we need to add a command to trigger the action so we add it in there use exclamation so if you want just to use that as a override for your shout outs or vso maybe that's what i'm going to use here in the action we're going to select video shout out and permissions i'm going to use moderators so we've got the command setup we got the action set up and now we're ready to test [Music] now we're in the alert scene ready to to go we could always import this alert scene into the regular scene but i'm keeping it simple for now and use vso and then the streamer we want to shout out as you can see he's showing the logo it's loading a clip here [Music] and we can see when the videos and the clips ended it's resorting everything back all good to resume the stream now if you want to customize the html code within the shout out further or if you want to rely on the vrflab.com to pull the shout out what we need to do is download this now the easiest way is actually just grab the url from here we'll put it in a browser [Music] and then we can save it as i'm saving to my stream stuff folder i have there [Music] and when that's in there we just run that grab this address that's now in there so it's in my c drive go to streamer bot and paste that in so we can see that's now configured it doesn't need to go to a different site to get the player you can customize it further if you want to and finally just to walk you through what i've used to build up this some of the code has been actually already provided by nate uh in the release notes when we actually had the code to get clips but uh this one here is just a very simple send message channel just to say they're not a stream or doesn't exist nice and simple the video shout out we have two globals now these are persisted values here so these are the the source and the browser browser source and the scene that we're using the file there which we can customize if you want to so they're setting globals which the code then picks up later on now we're doing things that are actually exactly the same as a custom shout out so we get the target information from the inputs so the user that we're doing from so it gets twitch information if that user isn't there or if they don't actually have a game then they're not streamer and we should break otherwise it's going to get the specific details um for that user and it's going to then be a custom shout out so if you have custom shout out for them we'll grab that then we'll do the shout out message include that custom shout out so it puts a custom shout out code first here picks out the user that we've put in place puts their twitch address in there and the game they were last playing finally the heavy stuff so this is the uh c shop code we can see here we're pulling in from the variable click global variable the shout out scene and shout out browser source so within the code here we can refer to them as scene and source the video player file which is going to pull the shout out file so that's by default vrflab.com shoutout.html but it'll be if you change it in the actions sub-actions above it pulls it into the script we get the target user so again this is from the twitch um get information from user command we then use the get clips for user built-in function for that username if it doesn't have any then we stop processing we say we don't have any clips to the channel on a sad face and we return false return false will stop the processing of c sharp further but if we do have those we pull it in and we order by um put the clips in order them um we get um get a random one so that's great um we set arguments in case you want to use them later we don't actually need these strictly but they're there just in case you want to refer to these within the actions later on so if you want to use them somehow by by extending the actions i've left them in there for you but this is standard code which nate's provided now there's a embed url this part isn't actually needed um the way we actually build up the video file is actually based on the thumbnail image which is related to the video file otherwise we need to use a different url but we've left it in here so we can actually so we can actually um rely on that should apis change i can then push a new version of the player to vrflat.com and people can re-download it these won't be in there in the live code so don't worry about that the next action will be slightly different for obs and subs but i'm not going to record this twice um but i set in the browser source of the scene the source and the video player file which is being built up there so that kicks off the video shout out we've got the delay um from the the duration of the video clip we add another two seconds to give it time to actually load the page unfortunately the page will go to a blank state at the end so it means that you're not going to cut things off um with a two seconds delay but also you're not going to leave a hung image on there so more it keeps the queue hung up for another couple of seconds worst case but typically with latencies it's going to look quite good we're going to put a weight for that amount of time before we revert the scene and source back to about blank here and that's the code finished please like and subscribe to be notified of more videos like this if there's a topic you like covered please let me know in the comments or also on discord check my twitch stream to see the bot in action and for other examples so the links to my twitch social media and just robot can be found at brflad.com additional links to others that provide streambot content can be found in the description too finally thank you so much to nate for making a great box please do consider supporting his patreon which is linked from streamr.bot

Channel: VRFlad

Views: 993

Keywords: #StreamingTips, #StreamerBot, #OBS, #SLOBS, #twitch bot, #live streaming, #twitch

Id: NAv90HuhWE4

Length: 13min 46sec (826 seconds)

Published: Sat Oct 23 2021