The Getting Started Guide - Full Tutorial
This video tutorial will guide you through the first setup, creating a character, and finally onto streaming!
Please find the full transcription below.
0:00 In this video we will go through how to easily set up a stream and recording using OBSKUR like this and this, like this and like this and trigger interactions like this.
0:14 When we open the application we start in the Broadcast tab and here we're going to set up the broadcast to start streaming.
0:22 If you're not already in the Broadcast tab, please switch to the Broadcast tab.
0:26 Now to do this we're going to use the nested scene approach.
0:31 It is a one time setup, the best way to organize your stream and will save you a lot of time and is as easy to setup as any other method.
0:40 Start by creating a new project and saving.
0:43 You can name the project whatever you would like.
0:45 This should also automatically open whenever you open OBSKUR.
0:49 In the future, let's get started by adding the scenes we're going to nest into our other scenes.
0:55 First thing we need to do is make the following scenes Just Chatting, gaming, and browsing camera, alert and capture.
1:05 To add these scenes, hit the plus at the top of the scenes window and rename each scene to match.
1:12 We're going to start by making the Capture scene, Alert scene and the Camera scene.
1:18 These are the foundational scenes that we're going to nest into our just chatting and gaming and browsing scenes.
1:25 We're going to start by working on our capture scene.
1:29 Here in the capture scene, we're going to add anything we want to react to or share with the audience.
1:34 For example, here is where we add games.
1:37 Capture sources to show our video games, capture card sources to show other computers or game consoles or display or window sources you would want to share with your community.
1:48 Today we're going to be adding a Windows source to React and share a YouTube video.
1:53 In the future when you need to share something new with your audience, such as games or other content, this is where you'll add it.
2:01 To add a Windows source you're going to go to the Sources section, ress the + and select a Windows source.
2:09 A new window will appear an using the drop down menu, select the window you want to share and press Add source.
2:16 You'll see a new source appear.
2:18 You can click on the source in the canvas to resize the source.
2:22 In this case we're going to be sizing the windows source to fill the screen and then we're going to lock the source by pressing the lock button to prevent any accidental changes in the future.
2:34 Now your capture scene is set up.
2:37 Next, let's set up the alert scene.
2:41 This is where we add alerts and notification for your stream, as well as any browser sources you may also use for notifications.
2:49 In this case, we're going to be adding the native obscure alert source.
2:53 To add the alert source, we're going to go to the Sources section, press the + and select the alerts and add the source.
3:02 The alert source will show obscure coin events and Twitch events such as follows, bits, Subs, and others.
3:09 If you have any browser sources, this scene is where you would be adding those browser sources in the future.
3:15 To add a browser source you once again go to the Sources section, press the + and select Browser Source.
3:22 Here you will add your browser source URL size and press Add Source.
3:28 Great, now we have our capture and alert scenes all set.
3:32 It's time to add our camera scene.
3:35 The camera scene is where you'll add a representation of yourself, whether you're going to be using your webcam or using AV2 remodel.
3:43 We're going to start with a conventional webcam setup.
3:46 To add a webcam, go to the Source section, press the + and select the webcam source.
3:53 A new window will appear.
3:55 Use the drop down menu to select your webcam and apply the resolution settings you wish to use.
4:01 Press Apply and add the source when you want to make any changes to your camera, such as filters, sizing, borders and effects.
4:09 This is where you should do it.
4:12 Now, still in the camera scene, go to the canvas and hold any handle to change the scale of the camera source we just added.
4:20 Or hold Shift to scale in One Direction and that's it for our camera scene.
4:26 Let's move to the main two scenes that we'll use for streaming or recording.
4:31 We're going to be taking advantage of all the setup we've done so far by using nested scenes.
4:38 We're going to be adding scene sources in our Just Chatting and Gaming Browsing scenes to allow us to link our previously created scenes to reuse our work and make changes that apply everywhere.
4:50 Before moving on, let's make sure to save the project.
4:54 Let's create the Gaming Browsing scene.
4:57 While in the Gaming Browsing scene, go to the Source section and press the + Then select Scene Source and we're going to add the capture scene that we previously made as a scene Source.
5:11 Once we have the capture scene source in our gaming browsing scene the way we want, we're going to go to the sources and lock the capture scene source next.
5:20 In order for our viewers to be able to see our reactions and what we are capturing, we're going to go back to the sources list, ress the + and we're going to add another scene source.
5:32 This time we're going to select the camera scene source.
5:36 Once the camera scene source is added in the sources list, move the camera scene source to be above the capture scene source.
5:44 Next, we're going to click on the camera scene source in the canvas and scale the camera scene source down to the desired size.
5:53 Once we have the camera scene source positioned and scaled, we're going to find it in the Sources list and lock it so we don't accidentally make any unwanted changes.
6:03 The last scene source we're going to be adding is the Alert Scene.
6:07 Just like before, we're going to go to the Source section, press the + and add another scene source.
6:15 We're going to select the alert scene we've made previously in the Sources list.
6:20 Make sure to move the scene source like you see on the screen and lock it to prevent any unwanted changes.
6:27 Gaming Browsing scene is now ready.
6:30 We can use this scene in our stream whenever we want to react to content or share game play with our audience.
6:36 One of the key advantages to the nested scene method we're using can be seen if we go back to the camera scene.
6:42 You'll see it remains unchanged even though we changed the camera in the Gaming Browsing scene.
6:49 Any changes you make to the camera in the gaming browsing scene will only appear in that scene.
6:55 This is true for all scene sources.
6:58 Great job.
6:59 Now let's set up our Gist chatting scene to also use for our stream.
7:05 To set up the Gist chatting scene, we will only need two of the scene sources that we created.
7:11 Let's add the Camera scene and then the Alert scene as a source like we did previously.
7:17 Make sure your alert scene is above your camera scene in the source list.
7:21 Also, don't forget to lock your sources in the list once you have them placed how you like them.
7:27 Before moving on, let's make sure to save the project.
7:31 Great you're ready to start streaming with your webcam.
7:35 Let's move on to OBSKUR's unique features.
7:38 By adding environments, interactivity, and V tubing, we're going to build on the previous scenes we've made and take advantage of the other features OBSKUR has to offer.
7:49 By default, OBSKUR provides us with four empty environments to customize however we want with 3D assets and lighting.
7:57 There are also premade environments available in the Marketplace that you're able to customize as well.
8:03 In this case, let's go to the Marketplace tab, Environments and download the free Gamer Room Zeus.
8:10 Once downloaded, let's go to the Environments tab.
8:13 Add a new environment, choose the Gamer Room Zeus we just downloaded and rename it Cosy Gamer Room Environments sometimes come with assets, but we can customize the Gamer Room to make it our own.
8:26 Hold the right mouse button and move your mouse to look around while holding the right mouse button.
8:32 Use the WASD keys to move around and the QE keys to move up and down.
8:40 Assets that we download from the marketplace will be in our inventory.
8:44 To add an asset, drag it into the environment.
8:47 Left Click to select an asset and use the F key to focus on that asset.
8:53 Any object in this environment can be freely moved, rotated, or scaled.
8:58 Hit the spacebar or use the top right buttons to switch between moving, rotating, or scaling the asset.
9:05 All of these options are also available in the Asset details menu.
9:10 Now let's add our webcam into the environment.
9:14 To do this, click and drag the source display asset into the environment to show the webcam.
9:21 Choose Webcam from the drop down and choose Use Selected source position on top of the chair.
9:28 We can use the Show Hide Icons button for a better view of our assets.
9:33 When using a webcam source, a best practice habit is to have a green screen and use Chroma Key filters to remove the background.
9:40 Great, now we have our webcam added into the environment.
9:45 The cozy gamer room already comes with three cameras.
9:48 Let's click on each of these then double click and rename them to camera 1-2 and three.
9:55 Let's add an additional camera for our stream to learn how it works.
10:00 If we look at the top left, we can see that we've been in the editor camera this entire time.
10:06 This is the free roam camera that has no effect on our stream.
10:11 To add a camera, let's click on the Plus camera icon.
10:16 Now you'll notice we're in the camera we've created.
10:19 Let's rename this camera to Main Camera.
10:23 Since we're controlling this camera, we'll position it in front of our webcam using the controls we just learned.
10:29 Now let's go back to the editor camera from the drop down and let us free roam in our environment without changing our main camera that we just ositioned.
10:39 We can see our added camera in the environment and touch up the angles by selecting and moving just like any other asset.
10:47 A preview of the new angle will show in the bottom right of the screen.
10:51 Great, let's hit save and now we know how to add and position cameras in our environment.
10:58 Make sure to save it in the Environments tab and close the environment so the environment doesn't remain open in the background.
11:06 Let's set up a camera for our stream by going back to the Broadcast tab and go to the camera scene.
11:12 Start by hiding the webcam source in the Sources section we previously added.
11:17 Then press the plus icon to add an environment source and choose the Cozy Gamer room.
11:24 In the dropdown of the source we can select the camera angle that we set U reviously.
11:29 Now that we've changed the camera scene, let's check out Just Chatting and Gaming/Browsing scenes.
11:35 Here we can see we've maintained our layouts and easily changed our camera to show us using a 3D environment.
11:43 We can now stream with ourselves using a webcam integrated in an environment.
11:49 Wouldn't it be cool if we could have interactions that affect our environment for the community to trigger when we stream to Twitch?
11:55 Things like this and this or this?
12:00 We can do this through OBSKUR's Twitch extension and interaction system.
12:05 We'll start by installing the OBSKUR Twitch extension, Go to your Twitch Profile, Creator Dashboard Extensions, then search for OBSKUR in the search bar.
12:15 Click Add to activate the extension set as component one or two.
12:21 The Add button will turn Gray and say Added.
12:24 Click on the icon to get started.
12:27 When we're live, the community will be able to use the OBSKUR Twitch Extensions to redeem interactions that we've set up.
12:34 If no interactions have been added, this area will be empty.
12:38 Please note that the Twitch extension will not be usable in other streaming services.
12:43 To set up our interactions, we need to own them in OBSKUR.
12:47 Let's go to the Marketplace tab in Interaction section, download the Flame Hearts and Fart Interactions.
12:55 There are more interactions to choose from, all of which are free.
13:00 Interactions by default happen on whatever the active camera is in the Environments tab.
13:06 We can change this by using an Interaction target point, which lets us set exactly where we want our interactions to happen in our environment.
13:14 Let's return to the Environments tab and make sure we're in the Cozy Gamer Room, which is the environment we want the interactions to happen in.
13:22 Let's drag the Interaction target point from the inventory and put it on the floor.
13:28 Rename the Interaction target point to Interaction on Floor so we can find it later.
13:33 Click Save and head to the Interactions tab.
13:36 In the Interactions tab, add the Flame, Heart, and Fart interactions we downloaded from the Marketplace into our current scene.
13:44 Click on each of these interactions and in the Details panel, change the Target point to the Interaction on Floor target point that we've added in the environment and click Save Changes.
14:06 Now if we hit Preview, we'll notice that the interaction plays at the target point we set up.
14:13 In the Details panel.
14:14 Of these interactions we can change various settings and set the bits price for our audience to redeem.
14:21 We can repeat these steps for any other interactions we want to create or add to our stream.
14:26 The current scene automatically links to whatever scene we have active in our Broadcast tab.
14:32 By adding our interactions to our current scene, we're making sure the interactions will only be available and play in the current scene we have open in the Broadcast tab.
14:42 In the future, if we want an Interaction to play in the same place in the environment across all scenes in the Broadcast tab, then we would add it to Global.
14:51 To learn more about interactions, be sure to check out the Interactions Overview video in the Help tab.
14:59 Now when we stream, our community can use obscure Twitch Extensions to redeem interactions.
15:05 Before moving on, let's make sure we save our project.
15:09 There are two different ways we can use a VTuber model.
15:12 One way we can add the VTuber is through the Character camera or by using an environment.
15:18 Let's start by going to the Character tab.
15:20 Here you can test out VTubing using our default model or import your own VRM model.
15:26 To show you the import process, we're going to be using the Remy model created by Cam.
15:32 Press the Import Model option and then look for one of your VRM models To bring our character to life.
15:41 We can use the OBSKUR mocap sensors and gloves which are found at OBSKUR com or use third party mocap hardware through our VMC feature.
15:51 To learn more about calibrating the OBSKUR mocap sensors and gloves or setting up third party mocap with VMC, check out the Help tab or the Knowledge base in the official OBSKUR Discord server.
16:03 For facial capture, please use an iPhone with Face ID to add the character to a scene.
16:10 Let's go to the Broadcast tab into the Camera scene.
16:14 Let's start by hiding all of the previous sources in the list.
16:18 There are two methods to add the character to your scene, either by adding the character source directly or by adding the character source in the environment we made previously.
16:28 Adding a character source will add the last selected character you've used in the character tab.
16:33 When adding the character source into the scene, it will have a transparent background.
16:38 This is what it would look like in the Just Chatting scene and gaming browsing scene.
16:43 Witching to the Just Chatting scene, you might want to consider adding an additional image source as a background to customize the scene.
16:51 Make sure to move to the bottom of the source list in the Just chatting scene.
16:56 Now switching to the gaming browsing scene, we will see our camera scene source is showing our character source here.
17:03 We're going to stick with the transparent background.
17:05 Great, now we have a character to use in the Gist chatting scene or the gaming browsing scene for game play and reactions.
17:13 To set up our character in an environment, we need to go back to the cozy gamer room.
17:17 In the environment tab, let's make sure we're in the editor camera and we'll start by right clicking the webcam and share assets and deleting.
17:27 Once we drag the character scene asset in our environment, we'll position it to our liking.
17:35 Then let's go to our main camera for fine tuning.
17:39 This character will always be what we set in the Characters tab.
17:43 Click save and close the environment and let's go to the Broadcast tab in our camera scene.
17:49 We can drag the character Cam source below our environment source to hide it.
17:54 This time our VTuber model will be in the environment and this is what it would look like in the Just chatting scene and Gaming/Browsing scene.
18:04 All we need to do now is add our audio sources.
18:07 OBSKUR gives us the option to add audio sources as global or local.
18:12 A global audio source will remain the same for all scenes.
18:15 Local audio sources only apply to our current scene.
18:19 Let's add our system audio and mic as local audio sources in our Just Chatting and Gaming/Browsing scenes.
18:29 Once we set the stream title and game details in the Broadcast tab, we're ready to stream.
18:35 Congratulations on your new stream setup with OBSKUR make sure to save your project and when you're ready, click the Stream button to go live on Twitch.
18:47 For more helpful videos, be sure to check out the Knowledge base in the Help tab and join the official OBSKUR Discord.