Placeholder Image

Subtitles section Play video

  • Hello, and welcome to a special episode of The Coding

  • Train, where I'm going to show you the recording studio where

  • I make all of the tutorial videos and livestreams.

  • So I'm at the Kanbar Institute of Film and TV

  • at NYU Tisch School of the Arts.

  • Behind this door is a small closet

  • where I've recorded many video tutorials.

  • Other people have made tutorials and things from this room.

  • And actually, we're going to be moving to a new studio

  • later this summer, so I wanted to make

  • sure to document this in case you want to make your own video

  • tutorials.

  • Hopefully, there'll be some nice tidbits of information for you.

  • All right, I'm going to open this door

  • and I'm going to go inside.

  • Come on.

  • And I have now entered the studio space.

  • I am walking over to the desk where I record everything,

  • and I'm seeing you because I'm recording from here.

  • There's a camera here recording.

  • Those are the only two things that are recording right now.

  • So I'm actually also currently streaming this to YouTube.

  • It's not publicly livestreamed right now.

  • Members and patrons are watching.

  • And so what I'm going to do is talk through

  • all of the different pieces of what

  • I use when I'm livestreaming, and then we'll

  • show you from different perspectives

  • so you can see how everything works.

  • So the first thing that I want to show you

  • is this computer over here.

  • So, this is actually the streaming computer.

  • It's not the streaming computer.

  • It's the monitor attached to the streaming computer.

  • And it's running Open Broadcast Studio,

  • which is what I'm using to send the audio and video data.

  • And it has also got a little window of a YouTube chat

  • going here that I can see.

  • And so the most important thing to do if you want to stream

  • to YouTube-- which, you can use Open Broadcast Studio to stream

  • to a number of other things--

  • is to connect YouTube with Open Broadcast Studio.

  • And the way you do that is through the livestreaming

  • dashboard.

  • So this is the dashboard.

  • It shows a little preview of what I'm streaming.

  • It shows how many people are viewing

  • at a given time, the average watch time, play times,

  • the chat rate.

  • I have already connected Open Broadcast Studio and YouTube

  • because I'm broadcasting this and recording it to disk.

  • But I'm going to show you how to do that.

  • So under the stream settings, there's

  • a particular property called Ingestion.

  • And you can see here there's a stream URL, a backup server

  • URL.

  • These are all already put into the streaming software,

  • Open Broadcast Studio.

  • But there is also this stream name/key.

  • So if I were to copy this and then

  • change into Open Broadcast Studio under Settings,

  • under Stream, this is where I want to paste that key.

  • Now, this is grayed out right now because I'm already

  • streaming, but that's how YouTube--

  • my event on YouTube, my livestreaming

  • event on YouTube-- is connected to Open

  • Broadcast Studio itself.

  • So there's a lot of other settings here under Output.

  • I can change the Recording, the Audio settings,

  • all sorts of things.

  • But you can see right here under these buttons, I am streaming,

  • and I am recording.

  • So now that we see how Open Broadcast Studio and YouTube

  • are connected, let's look at how is Open Broadcast

  • Studio getting the camera image, my laptop image, combining it,

  • all that sort of stuff.

  • So everything starts with this computer over here

  • on the floor.

  • Probably, it would be better to put

  • this on a shelf or something, but what are you going to do?

  • So, this is a Canon Mark III 5D.

  • It's plugged into power, so it's not running off of battery.

  • It has HDMI OUT.

  • That HDMI OUT is going through a Black Magic

  • box, which basically takes HDMI IN, Thunderbolt OUT,

  • and converts it to a capture device.

  • So it then goes into this computer

  • and it's being captured.

  • The laptop, through USB-C, is also

  • connected to HDMI, which also goes into a Black Magic box

  • and into the computer.

  • In Open Broadcast Studio, I can then create a scene.

  • And so let's make a new one.

  • I'm gonna make a new scene called "test."

  • That's a great name.

  • [AUDIO OUT]

  • All right, now I've added the mic.

  • You can actually hear me.

  • But the screen is black.

  • So now I added the mic input.

  • So this scene now has audio.

  • Then what I'm going to add is--

  • let's add another source.

  • And because those go through those Black Magic boxes,

  • I can add a Black Magic device.

  • I can add an existing one like green canon.

  • And there it is.

  • It's actually already got the chroma keying filter,

  • but let me just turn that off.

  • I'm going to hide that.

  • So now you can see this is the actual camera view.

  • You can see this secondary laptop

  • that I have with green paper on it.

  • I'm going to just shrink this so you could see.

  • I could rotate it, I could flip it, I could do color,

  • I could do all sorts of stuff to it.

  • There's lots of features of Open Broadcast Studio.

  • But let me add another source.

  • I'm going to go Blackmagic Device,

  • and I'm going to add laptop.

  • Now you can see, the laptop is the feed from here,

  • but it's covering it.

  • So what I want to do is move green canon above it.

  • So now you can see the green canon is above it.

  • But let me put the chroma keying back in.

  • So I'm going to click on that, Filters add Chroma Key.

  • We could just see-- and by the way,

  • there's lots of other filters here that you could try.

  • I'm going to hit Close.

  • I'm going to put this down, and there we go.

  • And I'm going to put myself over to the side.

  • So this is basically the configuration

  • I use for The Coding Train when I'm live broadcasting.

  • So I'm here.

  • I can turn here.

  • I can sort of see.

  • So if I pull up some code, if I pull up, like, the p5 web

  • editor, I can see it over here as I stand this way.

  • So it's like I'm telling you what the weather is

  • in the p5 web editor.

  • So I look over here at the camera,

  • I type over here on the computer,

  • then I go and I sort of see a monitor of the composite.

  • Then I see that over here.

  • So also, while I'm livestreaming,

  • I like to keep the corner of my eye on the live chat.

  • So usually what I'll do is I'll take the chat as a little pop

  • out window, and put it next to Open Broadcast Studio,

  • and increase the size of the font.

  • And we can see, now, all of the various members

  • like SolarLiner, and Xavier, and motiontx

  • who are watching and telling me that there

  • was no sound earlier, which is always really helpful.

  • I also have a secondary Slack channel

  • going on this extra laptop where I also keep the dashboard

  • so I can see who's watching and how many people, which right

  • now is nine concurrent viewers.

  • So maybe you've also noticed that I sometimes play music

  • or different sound effects.

  • And those are coming here from this iPad.

  • So this iPad is running a piece of software called Soundcue.

  • The audio is playing out of this laptop,

  • to coming out of the headphone jack

  • into this little Onyx Blackjack USB recording interface.

  • So it actually then comes out of here, USB, into this laptop.

  • Because that way, the laptop's audio

  • is going out into the recording system.

  • So that can be included as part of the live broadcast,

  • because when I play audio here, under laptop,

  • you can see the green under microphone going up,

  • and you can see the green under laptop going up.

  • Both of these are two separate audio sources.

  • So I can capture audio from this laptop itself,

  • if there was sound in an example I'm programming.

  • But I could also get the audio from this iPad,

  • into this laptop, into there.

  • And to do that, I'm using a piece of software

  • called Loopback.

  • Loopback is Taking the audio from the Onyx Blackjack

  • interface, and it's actually monitoring it out

  • through the Multi-Output Device, which

  • is actually the DisplayPort, the HDMI OUT port.

  • And then it's coming into Open Broadcast Studio that way.

  • So this mic here is going directly

  • into Open Broadcast Studio via a separate USB input

  • to the streaming computer, but then the audio from this iPad

  • is coming out separately through this computer.

  • This computer.

  • So many computers.

  • This lab mic, this is the wireless receiver.

  • So all the audio from this mic here is coming into here.

  • Then this is another USB interface

  • into the streaming computer.

  • So that's where my audio is coming from.

  • So over here in this other part of the closet,

  • I have a second camera, also HDMI OUT into a Black Magic

  • box.

  • And this camera is pointed at this whiteboard.

  • So this is actually not a whiteboard.

  • It's just whiteboard paint on the wall.

  • So it's actually not the greatest

  • because it's hard to clean, but it is nice

  • that it covers so much space.

  • So what I do during a live stream,

  • if I want to draw some sort of diagram, with a rainbow,

  • and this one's going to be a cat.

  • Then what I do is, I have a separate scene

  • that's in Open Broadcast Studio called whiteboard.

  • So I could just click on this, and there you go.

  • You see the whiteboard.

  • I'm going to go back to this one.

  • But that's inconvenient.

  • I used to have this button that was hooked up to change,

  • to tell it to give up, Open Broadcasting Studio,

  • to switch between the different scenes.

  • But it so happens that you could just use a keyboard to do this.

  • So in Open Broadcast Studio, under Settings, under Hotkeys,

  • you can set certain keys to switch to a certain scene.

  • So if I say Two, then now I've switched to the whiteboard.

  • I can walk over here.

  • You can see me.

  • I can draw here on the whiteboard.

  • And then I can walk back.

  • And if I hit One, I'm now back over here

  • talking to you about this.

  • So Two goes to the whiteboard, One,

  • and then I have other hotkeys.

  • Like, the key z will quickly turn off the computer.

  • So if ever I'm about to type in a password or some secret API

  • key that I don't want people to see, I can turn that off.

  • Or if I'm playing--

  • I forgot to do this, actually, this morning--

  • but If I'm playing a video or something

  • and I don't want to stand in the shot,

  • I can disappear or reappear however I want.

  • There's so much more in Open Broadcast Studio.

  • You know, I could have a fade between the scenes

  • and all that kind of stuff.

  • I could have a preview of what's coming next.

  • But I'm using it the most simple way.

  • I also always keep my copy of A Million Random Digits

  • nearby in case I want to relax and read some random numbers.

  • I usually have a train whistle, but I

  • didn't bring it with me today.

  • It's very sad.

  • But I do have a bell which I like to ring.

  • Thank you for watching this behind-the-scenes video

  • about The Coding Train recording studio

  • here at NYU at Tisch School of the Arts.

  • As I mentioned earlier, this studio

  • is being shut down at the end of this month.

  • We're moving to a new building in Brooklyn.

  • I'm hoping to set up some recording

  • equipment and a new space there, and also, I

  • have some other designs and some other places

  • that I might make videos.

  • So stay tuned for that.

  • If you have questions about the setup,

  • things that I didn't cover, please

  • ask them in the comments.

  • If you have your own live streaming setup that you use

  • or have tips for people, please add those as well.

  • And thank you so much.

  • Goodbye.

  • I'm still here.

Hello, and welcome to a special episode of The Coding

Subtitles and vocabulary

Click the word to look it up Click the word to find further inforamtion about it