I Used ChatGPT to Set Up OBS From Scratch

0:00All right. Hi everybody. So, we're going

0:02to do two things. One is we're going to

0:05set up OBS. So, if you don't know what

0:07OBS is, it's this screen recording tool.

0:11You can see I've just installed it.

0:12There's nothing else in here. So, we're

0:14going to get this made and we're going

0:16to be doing that through codeex. And

0:17second, what does that mean when we're

0:19setting things up? We're actually going

0:20to be making plugins to make sure that

0:22we can get everything working here. And

0:25then we're going to start using it and

0:27make sure that it works. At the moment

0:28I'm using another tool which is called

0:30screen studio. But the more and more I

0:31work um I'm wanting to uh use uh use

0:36this. And then what I would do

0:37eventually then is have something like a

0:40um a stream

0:44deck which would uh control

0:49everything whilst I'm recording my

0:51screen. But for now this isn't

0:53important.

0:55Okay. So, first of all, let's just go

0:56ahead and just start speaking. What

0:58we're going to do is with our models

1:00here, just zoom in a little bit. Uh,

1:02with the models, we're not going to

1:04choose solve straight away. So, we're

1:05just going to go for Luna, and we'll

1:07have medium effort and fast. So, we'll

1:10make sure this is quick, especially for

1:11the demo. Um, how do I know how much

1:13usage I've got? I give a tool called

1:15open usage. Open usage is here. And we

1:18can see that I have 85% left and it

1:20resets in two days. So, with that in

1:23mind, I'm just going to go ahead and go,

1:25"Hey, how's it going? Um, can you see

1:27that I've got OBS installed?" And if you

1:29do, can you do some research really,

1:31really quickly on layouts? Cuz what I'm

1:34thinking is I want you to set it up for

1:35me. So, I'm recording my screen, but

1:38also I have uh certain layouts. So, one

1:40where it's just like full screen, other

1:42one where it's like my camera full

1:43screen. The other one is going to be

1:45when I have my uh screen and my camera

1:48together. And I want that to be like a

1:50circle. uh in in here uh like in in the

1:55recording. Can you just uh research that

1:57quickly and then you're going to help me

1:58set that up? So, what I've also got is

2:01that this is in my uh project navigate.

2:04It's just a folder with inside of uh my

2:08fold my uh screen system. So, in my Mac

2:11system.

2:13So, I'm checking in parallel whether OBS

2:15is installed. Quickest reliable way to

2:17build them for scene layout scenes.

2:19Let's see how we go.

2:24And this is the great thing about using

2:26Codeex, especially with full access, is

2:28you don't need to know how to install

2:30any of this stuff. And you see here that

2:31I've got my Cam Link, Elgato Virtual

2:33Link, my iPhone camera, and uh my other

2:37camera here. Here now, it's just going

2:38to open this up. It's going to have a

2:40look. And you know, one of the one of

2:43the interesting things which we want to

2:45do is see here it says that it's open. I

2:49want to say and have that we have um

2:53computer use. So computer use means that

2:56it will be able to use our machine. The

2:59next thing is browser use.

3:02So let the browser be used. If you don't

3:05know where the browser is, if you just

3:06come up onto the right hand side here,

3:08press this. Got browser. I can type in

3:10OBS. OBS comes up on Google. I can just

3:14sign in quickly because we can import

3:15everything in here. I can import

3:18whatever I need. So, I'm just going to

3:19go and import that in.

3:23What this means is that it's going to

3:25import all my information. Make sure

3:28Chrome is fully closed. So, I'm using

3:30Raycast here. I can just uh quit the

3:33application from here.

3:39Let's try one more time.

3:42Should be closed.

3:45Interestingly, doesn't work. But let's

3:48just sign in.

4:00Always have dual um

4:03twostep dual uh verification on.

4:16All right. So, we are now logged in

4:25and you can see that I can see OBS here.

4:27Um, I can query any of this information

4:30in here, but we'll talk about that

4:31later. For now, um, I'll say yes,

4:36everything is on there and up and

4:39running. Um

4:42you I want you inside a codeex use a

4:44browser and just scrape anything. Also

4:46you can use computer use so then you can

4:48actually set up them things for me

4:50yourself if that's the best way to do

4:52it. And with recording I just want like

4:54the best recording settings possible for

4:56my resolution. So if that's possible

4:58that'll be great.

5:04And whilst that's happening,

5:06interestingly, what we can do here, if

5:08we open up another browser and we type

5:10in, let's say we do Elgato,

5:13and [clears throat] then we go to Stream

5:14Decks. And the cool thing is with inside

5:16of Stream Decks, you can also download

5:20um the Stream Deck application. And what

5:22we can do or what I assume

5:26is that we can use our phones

5:30streamed mobile.

5:34So all I'm going to do in here is just

5:37use my phone.

5:43Whilst this is happening,

5:46I'm going to download Stream.m

5:50because then what I can do is actually I

5:52can log in with my streamed mobile. I

5:55can then just use my phone to then

5:57control the scenes remotely and I'm

5:59doing this basically for free.

6:07So here now I'm just going to trust

6:11and now I have with a click of a button

6:15everything set up kind of on my phone

6:18already. So the next thing would be that

6:20we need to set [clears throat]

6:22everything up here. So what we see is

6:24that it's going through it's opening up

6:26the configuration. It's having a look

6:29and we're making sure that we're set up.

6:33very interesting because this allows us

6:35to really go to the next step and what I

6:38will do here whilst this is setting

6:39everything up whilst everything is being

6:41set up I've actually installed stream de

6:43mobile so we want to make it that OBS is

6:46native to stream deck mobile inside of

6:48stream deck you should have the profile

6:50called stream deck mobile and within

6:53[clears throat] that I want you to also

6:56set that up so we can just control

6:57everything from our phone

7:02and here Now we've got it where it's

7:04moving. It's setting everything up on

7:06the machine. I'm not doing this, right?

7:08Completely hands off. So, we're able to

7:11quickly configure our OBS

7:14without having to know how to use OBS.

7:20There's different ways you can use AI,

7:22right? And one of the one of the main

7:24ones which is the most interesting is is

7:27especially in this use case is so for

7:30example here I might need to help it

7:32with opening up the system settings.

7:37Um

7:39again here it needs to be quicker than

7:43here just boot this on.

7:45I'll just approve this.

7:49And then I might have to now quit and

7:53reopen. And it's going to, you know,

7:55obviously break what I've done. But, um,

7:58here now it's just going to go back.

8:00It'll open it back up. It's restoring

8:02the window. And now it's going to do all

8:05the settings by itself. So, even if I've

8:07interrupted what's happened, and it's

8:10interesting, right? Like, I haven't I

8:11haven't set anything up. I've never

8:13installed OBS on this machine and gone

8:16through and configured anything.

8:19So, if you're worried about having to

8:21record anything on your screen, you have

8:22to pay for software. No, you can buy the

8:25basic version of Chpt. You've got

8:27browser use and it can control

8:30everything on here automatically. So,

8:33here now, obviously, it's trying to use

8:37this here, which is the different camera

8:39to what I'm using, which is fine. I will

8:42go ahead and change this. But

8:44interestingly,

8:46um, here like it's setting everything

8:48up. It's applying for everything. What?

8:50It's doing some filters in here. Maybe

8:52what I need. Who knows?

8:58I love that it's just organizing

9:01everything for me.

9:04It's done the research. It's going in.

9:06It's applying everything.

9:09And

9:11now I think it's closed.

9:24It's quickly going through. It's

9:25checking. I'm happy with that 1920 x

9:281080.

9:31And it's set up all my scenes for me

9:34already.

9:37Once this is done, it's going to then

9:39trickle into what this is. Whilst

9:41everything's been set up, I've actually

9:42installed the stream deck mobile. So

9:45once this is done and it and it it's

9:47figured it out, it's then going to bring

9:49that next into the scene

9:52and it's going to set up my mobile.

9:57I mean, look at this.

10:00And this really goes for anything which

10:02you're doing on your computer. If you

10:05have access to chatbypt and codecs and

10:08you're using computer use and browser

10:09use you're quickly able to navigate

10:12that. Now can you imagine that um with

10:15everything in mind which we have here

10:17what also which I would want is

10:20that we also make images and templates

10:23and uh some art around that and then it

10:27will also apply that to what you see

10:29here with the with the editing and

10:31that's something which we can do as

10:33well. So once it's set everything up,

10:35we'll finish and height.

10:38Um, and I can just make this like a

10:40touch bigger if we need to. I think this

10:43is fine because you see on the left hand

10:45side what's happening.

10:49And then we can make the imagery around

10:50there as well. So the templates, so

10:52there's no need really even to buy

10:53whatever you need to buy online with

10:55these templates. You can get it to be

10:56built here. And the interesting thing is

10:58you can even make HTML versions of that.

11:01Obviously, this scaling is not correct

11:04and hopefully it will sort that out for

11:07us.

11:09So, it hasn't, which is interesting.

11:14Okay. So, yeah, just done that there.

11:16That's fine. And also, it's using the

11:20wrong camera, right? So, here I'm just

11:22going to come in change this cam link.

11:25Now, we're using

11:27what we have here. I can zoom in

11:30obviously and I would have that I guess

11:33for the semia look. So here camera full

11:36screen camera only is nothing screen

11:40only

11:44screen and camera. So I need to

11:46obviously just choose what that display

11:47capture is. So I'm going to go for this

11:51here

11:53allow.

11:58And here what I guess I could do is just

12:00copy

12:02paste.

12:04Going to go for a preview scale in.

12:07And we're going to I mean I could ask it

12:10to

12:12resize, right? But I'll just um

12:17just resize for myself. It's the same

12:19here.

12:21Resize. Again, I'm not I'm not a

12:24professional using OBS, but this is

12:27correct. And then here, you know, I

12:28could crop this, I presume, as well. Um,

12:32and it just depends on how far you would

12:34want to go. I presume crop is

12:38Yeah, crop is just holding alt like any

12:41any kind of tooling. And

12:45there we have the recording, right?

12:47Screen only scene. We don't need that

12:49set up.

12:53camera only. We also don't need camera

12:55full screen. And this I think is what we

12:57need.

13:02And now it looks like

13:13to make a properly it says I've

13:14confirmed street however the active

13:16profile.

13:21So all I'm going to do is take a

13:22screenshot.

13:25Copy.

13:32Are you sure

13:48OBS get so asking me to install that?

13:57OBS

14:00plug-in installed.

14:06And the next thing which I would want to

14:08do is if you do img and then in here now

14:12we're going to say

14:15uh can you also make me some templates

14:17have a look at my website and my website

14:19is open on the browser inside of uh

14:24codeex and the chat app and then with

14:26inside of there I want you to take what

14:29that looks like and I want you then to

14:31apply that typically how we would do

14:33that in uh writing. So very nice, very

14:38simple, very clean. Uh the way I would

14:42like that to look. Thank you.

14:49Okay. So now we're going through these

14:51controls.

14:54So you can see here

15:03it's automatically restarted. So it's

15:06not on my phone anymore.

15:09And then I presume when it boots back

15:11up.

15:16Then it says available computers. So,

15:19I'm going to

15:21wait for that still to show.

15:43Yeah. And then I'm just uh back online

15:46now.

15:59and you can see here on the right hand

16:01side that's actually dragging the

16:06you see here it's dragging that

16:08information in

16:11I would presume to here so we can record

16:13so we can start streaming so we can do

16:15all the things which we need to do we

16:16can move between the scenes

16:29So that's not set that up for me, which

16:32is quite interesting. Well, if I just go

16:34ahead

16:35and just go in quickly with the record.

16:40And if I just remove

16:50these here.

16:53And then whilst this is set, whilst this

16:54is going in making my deciding on text

16:57free visual templates based off my

17:00template art.

17:02And if we go back to OBS and just have a

17:04look quickly. So what we're wanting is

17:06scene transition, right? So scene

17:08transition. And this one we'll just call

17:10it screen and camera.

17:16Um,

17:20so I presume

17:23when I press this, nothing happens.

17:32Same. Yeah.

17:35So, here is screen and camera. Going to

17:38go to screen and camera. We don't need

17:40this.

17:42And then we're going to go again full

17:44scene. And this one will be just camera.

17:53And this one I'll put

17:56screen

17:59and cam.

18:05And then the other one would be just

18:08screen only. Right. So again, I'm coming

18:10up here again whilst my Look at this.

18:14It's so nice that it's able to just look

18:16through what we have, what our look is.

18:19Um, and this in here again, we're just

18:21going to go for screen only, then

18:23screen. Now, when looking in OBS, okay,

18:26I'm in OBS,

18:29I have here.

18:37So on my phone,

18:41I now have screen cam, screen, and

18:45camera.

18:47None of that has been set up by me

18:50really. I've just like dragged in a few

18:52things and had them on my phone. Now

18:53it's making this visual information on

18:56the left hand side. That's then going to

18:58make my scenes. So when I have the

19:01screen and camera, it will then lay that

19:03information out for me. So I reviewed,

19:05navigate article with the three

19:07directions.

19:09Great. So with that in mind, can you set

19:11this up for me that I have basically the

19:15just like a border around my camera? And

19:17you can have a look of how that how I've

19:18got that set up actually just in screen

19:20and camera and then what that border

19:23would be for the uh for the scene. So,

19:27if you just come in and have a look

19:30there.

19:34I'm going to do as well is flip this on

19:36the horizontal. So, I'm looking at the

19:38screen. So, yeah, if you just have a

19:40look now where the camera's placed and

19:43the size of the square of what it is and

19:46then also what the

19:49uh

19:51the window is. I would like you then to

19:53make a graphic around that. Please just

19:56have a look at the setup and then build

19:58around it

20:01and place that inside of screen and

20:03camera.

20:06So that's my last ask and it's going to

20:10build that out and it's going to put

20:12that in and then we're kind of done. And

20:15you know I could ask it also to um make

20:19the logo for me as well. So, can you

20:22also make sure that when this happens

20:25that you're also using um my logo,

20:28please? And you can find any of that

20:31when you just uh go back to the main

20:34page and have a look at my logo and just

20:36install that in there, please. Thank you

20:38very much.

20:46So, now it's viewing the OBS scene. It's

20:49taking a look inside of that. I presume

20:51it'll be. Yeah, now it's clicking as you

20:52see. And it's just going to calculate

20:56what that canvas should be. Then it's

20:58going to make our image and then we're

20:59going to put it in. Can you can you

21:02imagine? You know, you you're going to

21:04ask someone to make these templates for

21:06you. There's absolutely no need for that

21:08to happen.

21:11Oh, no. It's it's uh it's adjusted my

21:15little square. [laughter]

21:17Uh what's it? Is it Is it adjusting? Is

21:20it putting everything back?

21:29Planning fix square position. That's

21:31definitely not where we need it.

21:37So, what I'm going to do quickly is

21:41now I've corrected the camera source

21:42actual transformation.

21:45Bro, no.

21:47So,

21:49Let's uh put this back back how it was.

21:52Uh and it's good it's good that you see

21:55um what this is like here. So I'm just

21:58going to go for a edit transform

22:04which is not letting me do here.

22:09Okay. So clicking on these square

22:12handles.

22:14Let's just make this bit bigger.

22:16And here. And this is obviously

22:19incorrect. So, what we're going to do is

22:22we're going to actually I'm going to I'm

22:24going to delete this prompt and I'm just

22:27going to

22:29steer this. So, you moved everything

22:30around, which is not what I wanted. Have

22:34a look. It's all fixed. And that's why

22:36you've got the black white space

22:38basically behind for you to fill in that

22:40information with the images which we

22:41have. So, the the screen where it's

22:44placed will always stay. And then what I

22:47want you to do around that is build the

22:51entire background. So that's cool that

22:53you're building frames and things like

22:55that. That's not important. The most

22:56important thing is that you uh build

23:02uh the image which the two places would

23:06sit together. So I'll give you one

23:08screenshot for you just to have a look.

23:10Uh but the the main point is that you

23:14keep the the places where I have the

23:18arrows uh together just so that stays

23:22where it is. The arrows are not there.

23:23The arrows are annotations, but in

23:24general just like work to my dimensions.

23:29So I'm just going to put that in

23:32and then I'm going to put this I'm going

23:33to steer it because we don't [laughter]

23:37I mean this is fine, right? But we don't

23:39we don't need it.

23:40Um,

23:42but it's nice. It's pretty good. Uh, you

23:44can see the transparency on there.

23:45That's not important.

23:51So, now it's going to go back in

23:54hopefully and adjust that. I know we've

23:55been around 25 minutes, but I think it's

23:58quite important for you guys just to

24:00see, you know, the art of the possible.

24:01Like now, you know, we've set up the

24:04camera that it just works. We then set

24:06up so we can just have the screen and

24:07we're set up there that we got the phone

24:09all set up together so we can screen see

24:11the screen and camera as well. You're

24:13right. I changed the transformation when

24:14I should have treated your existing

24:16composition as fixed. I'm restoring the

24:19canvas relative placement. The

24:20screenshot makes the intended structure

24:22clear. The screen and the camera stay

24:25exactly where they are and the new asset

24:27should be a full scene background that

24:29fills the surrounding black and empty

24:30space, not separate camera frame.

24:34So, I hope that this doesn't change

24:37anything, but I will take this

24:38screenshot whilst uh it's about to do

24:41something.

24:43Um,

24:46I've already adjusted everything back to

24:48where it was. So, you've just got to now

24:51make the image around that, please.

24:56So, let's just funnel this. And when

24:59when it starts to

25:01you could say hallucinate, you are able

25:04just to move this to salt and move this

25:07to high.

25:09And then go ahead and steer.

25:12And that will now boost the idea of what

25:16he's trying to do. And then just make it

25:18more accurate. There's no point wasting

25:20tokens. So this is something else which

25:23I would do.

25:30The one thing I would say just whilst

25:32this is happening is sometimes it can be

25:36that you'll get frustrated with it's not

25:38just doing as I say just take a

25:40different approach stop rethink what

25:42you're trying to do and obviously this

25:44is completely live raw and this is maybe

25:48the approach I might do it a little bit

25:50differently if I wasn't demoing I would

25:52just speak and just you know go over

25:55place and make that I'm not um doing

25:58certain um activities in here. I would

26:01just go ahead and do it and I would move

26:03to claude. I would use codecs. I would

26:04use other things. But if we're staying

26:06in one tool, you can see that quite

26:10quickly you can get to where you need

26:11especially if you're not technical. So

26:13you see here now it looks like it's it

26:15must have made an image.

26:21Maybe not. We'll have a look. So it's

26:22just it's just doing a check at the

26:24moment.

26:29And it looks like it's made

26:32uh this image here. Okay. So that's what

26:35it's done there. So it's made this. It's

26:37actually quite nice. Uh interesting.

26:40Okay. So that's what it's done as an SVG

26:44at the moment.

26:46It's not what we need,

26:51but I do like this. It's not It's not

26:53It's not the worst.

27:04So, it's moved image here

27:08and that would then be at the top. So,

27:11this would then move it. Oh, no. It

27:13wouldn't. It would keep it down here.

27:15Correct.

27:26Interesting. We just got a crash,

27:30but it doesn't matter.

27:44Okay. Okay, so now it's got all the

27:46placement of what it's trying to do and

27:48analyze what's happening. It says say

27:49the fixed placement is now preserved.

27:51Again, one technical surf uh one

27:53technical detail surface because the

27:54screen capture source includes some

27:56black canvas margins

27:58background placed underneath cannot show

28:00through those margins. I'm correcting

28:02the artwork to be transparent overlay

28:05and exact cutouts of the screen.

28:13Like obviously if I was just doing this

28:16quite quick um but we will we will keep

28:18on going you know I could just take this

28:20image for example copy image I could

28:23come here I don't want to interrupt what

28:25it's doing to be fair um but I could

28:28just browse

28:33bring this in right take this image

28:38put it here do this

28:42and and I've kind of got like my

28:45background, right? And then I would just

28:46put the logo at the top and then be

28:48done.

28:50However, this is uh not what we're

28:52trying to do, right? We're trying to

28:54just be a little bit more creative, try

28:56and figure out like what the best way to

28:57do this would be.

29:03So, actually for this, what I'm going to

29:05do, I'm going to pivot quickly. I'm

29:09going to probably just pause the

29:12recording and then generate a few

29:14templates and just show the history of

29:15what I've done because you don't need to

29:17keep looking through this uh this

29:19information.

29:21Um or I could uh be as raw as possible,

29:24right? So, if you really want to see

29:25what I'm doing, then we'll keep it. If

29:28not, I'll let you know uh how far in the

29:30recording after it will be where then

29:32you can just skip this.

29:35That's what I'm going to do. I'm going

29:36to go stop. Okay. I want you to uh just

29:39go on the go on the web and have a look

29:42at exactly what I'm looking for. So, go

29:44online, do a little bit of research,

29:46have a look at OBS overlays. I don't

29:48care about like um uh like borders

29:52around my camera and things like that.

29:53It's more about just advertising uh my

29:56company, which would have the logo. Then

29:58you would have like a space where the

29:59camera would be and just like a maybe

30:01maybe maybe a small border around that.

30:03But it's something eventually which I'll

30:06animate and maybe it's cool and

30:07whatever. But for now I just want like a

30:09really crisp image and it's just going

30:12to sit behind

30:14uh the the OBS. So it's fine where it is

30:17where it's placed where image is. We

30:19just got to change that image that it's

30:22something which is interesting for the

30:24users so they understand. Right. And

30:27here you've got the uh pixels

30:31when I say give you the screenshot of

30:33what the dimensions are where the

30:38uh where the dimensions are in OBS

30:43and then also where the dimensions are

30:46of the camera which is me on the bottom

30:49right of the screen.

30:52So, with that in mind, give me,

30:55let's say, four variations of what I'm

30:58looking for and be very quick about it,

31:00please.

31:05All right. So, OBS should now, well, CHP

31:09should now configure OBS that we've got

31:12something which is a little bit more in

31:13detail. I could also talk about this

31:15recording here. I could also ask it with

31:18inside of settings, you know, then going

31:21to um desktop audio. I can have this on.

31:24So, it's just the def the default. And

31:26then for the microphone, I want it

31:27always to use the Elgato Wave 3. And

31:30then the second one, if I wanted it, it

31:33would be then the the microphone here.

31:37And with that, you would just press

31:39okay. And then now we've got the global

31:42audio, which is here. And we could also

31:44just for example

31:46if I go back to settings and then go to

31:48audio can we rename mic audio wave to

31:58let's have a look quickly.

32:04So this is two. This is one. I'll rename

32:07this. This is my uh wave three.

32:12And then this one here, mic two, is this

32:15just the uh laptop mic.

32:21And here I'm just going to bring that

32:22down because we don't need it. Desktop

32:24audio. I can just have this down as

32:26well. And this is just the looks like

32:29the screen capture from the screen. So

32:31audio is done. I can have one more look

32:33at what the output would be. So here

32:36that's kind of okay. I would say I would

32:39definitely be using the hardware from

32:40Apple. Let's just leave it in movies.

32:43Uh, we could have it as high quality.

32:45That's fine. We definitely don't want it

32:46as MOV. So, let's do a hybrid MP4,

32:53I think.

32:56And that's fine. And we can also use Hre

32:58if we wanted. Uh, but H.264 is fine. And

33:02then we're done. Okay. And that's it.

33:04We're good to go. Uh, with that side,

33:07research my point, screenshot suggested,

33:10etc. So, let's just see if it's doing

33:12that research OBS

33:14generated image. [crying]

33:18So, it's made these images for me, which

33:21again I don't want. But let's just leave

33:23it for the sake of that at the moment

33:24cuz maybe maybe they do look good.

33:32And this is the one which I probably

33:34would look. So, you can go revealing

33:35finder.

33:38Here it is.

33:41And I'm just going to, for the sake of

33:44just finishing this video, browse this.

33:48If you just drag that, by the way, from

33:49here to here, it will then force

33:54that in here. Let's just bring this in.

34:02And I definitely

34:08don't like it. But let's just transform

34:13fit to screen.

34:16And it has placed my camera. Wow, that's

34:19actually

34:22not that bad.

34:25Let's just have a look.

34:36So, let's just let's just keep that. I

34:38mean, that doesn't look that bad, right?

34:40I think if I go to

34:44here. Uh, so move this down. Move this

34:46down. That's no good. But you can see

34:49that it fits. So, it's just checking.

34:52And there we go. So, look, we we

34:55generated an image. We set up OBS. um

34:59it's 30 minutes of your time, but using

35:01computer use and that's the goal and

35:03browser use, you're able to quickly

35:04navigate through and have just a screen,

35:10just me

35:12or have something which is customized

35:14for you using the tooling which you have

35:17from OpenAI and Chach. So with that,

35:21thanks a lot. I hope it was helpful and

35:23I'll see you on the next one.