 Hello, I'm Mikka Rönkö. I'm an Associate Professor of Entrepreneursial at Tuvas-Kyllä University School of Business and Economics in Finland. And welcome to my office and my office online teaching setup. So today I had the first day of teaching remotely by Zoom from the comforts of my own office. So previously I've been doing online teaching from home where I have a small studio setup where actually two different places to teach. I have another video about that teaching setup. And then we have a studio here at the university where I do pre-recorded videos and I also do some live lecturing from the studio. But this time I have my own office setup ready and I was using that. And then some students asked me how do I do it? And one course assistant sent me this long explanation of a Finnish professor and how he does online teaching with green screen effects and there's hardware encoders and all kinds of things involved. But you don't actually need any of that. What you need is a good webcam, some lights, green background and a decent computer. So let's see what my setup looks like. My hardware consists of Logitech Brio webcam. You can get it for I think the list price is 240 euros. That's on the expensive side but sometimes you can get it on Amazon for discount for 140. I originally went for a cheaper webcam but that did not work out well and I did not want to pay for another webcam that doesn't satisfy the requirements so I went for the higher end. And then I also have a ring light and it's installed here on the side of my desk so I can easily turn it on and off when I do video conferencing or teaching. Then I also have this green screen here, this curtain and it was installed by myself. So the building maintenance guys told me that they would not install it because if they installed one for me they would have to install it for everybody. And they told me that I can put it up myself if I do minimum amount of holes and I eventually ended up putting it there. There is like a small gap between the ceiling panels and I just jammed the attachment points inside the gap and then just jammed some pieces of eraser there to make it really tight. So it's really a do it yourself setup. Okay, so this is the setup that I have. I got my laptop here, then I got two 27 inch monitors and you really need three monitors for effective online teaching because PowerPoint takes two monitors. You have one for the presenter view and one for the actual presentation and at least on Mac, PowerPoint does not like to have any other software in the same screen where PowerPoint is. So let's take a look at how it works. We got the elements that we need here. We got the PowerPoint, this is the presentation that I gave today. We got Zoom, this is the presentation tool and then we got the OBS presentation, OBS broadcasting software which I use for doing green screen effect. And hardware wise that's the webcam and that's the ring light so we can switch the light on. I'll keep it off until I switch to a different camera in a moment. And then I have a microphone. I get this wireless Laplu microphone but just earbuds will work as well. My wife uses earbuds and it works for her. So if you don't have a wireless microphone, I happen to have one because I need one for a project and that's what I'll be using during the pandemic. Now let's take a look at the software. So we got PowerPoint, we got Zoom, we get OBS and we'll first set up PowerPoint. And our target is that the presenter view is going to be on the left monitor and then on the computer on the laptop monitor we have the actual presentation. So I'll move the PowerPoint window to the left screen and then just start presenter view. Now more often than not the screens don't go where you want them to go. So we need to relocate the screens and this is important because PowerPoint wants to be in front of everything. And for example if I have PowerPoint here then it is very difficult to see in the Zoom participants which are behind. So PowerPoint goes to the side and this screen is now for controlling the presentation. This screen is for controlling the stream and looking at the participants and then this screen is the actual presentation. And I'll now switch to recording my screen so you see how the computer side of this thing is set up. Now let's take a look at how the computer is set up. And I'll start by switching on the light so you can see the effect of having proper light. So you can compare this looks very unnatural and then you get lights here and then you can switch the color temperature. This is way too cold, this is way too hot like I'm sitting by a fireplace. I use the medium setting. So now we have the light on and the next thing that we need to check is that there is no green background showing. We can also do that later but the webcam allows to adjust the field of view so we can change white view, narrow view and this medium setting which is normal use. And then I'll just reorient the webcam so that only the green background here shows. So there is no wall or anything showing. And now let's take a look at how we use the OBS software. So we get the camera set up. Our PowerPoint is living on a separate screen of its own. We'll just make sure that it stays there. So the PowerPoint is on the left screen, the presentation is on the laptop screen and now we are working on the main screen here. And our objective is to get first the slides as a background into the zoom. And zoom has this building feature for showing a presentation behind you but it does not work as well as using PowerPoint itself. For example PowerPoint animations would not work well and I like to use animations a lot in one slide. So I prefer to use a separate software. Also if I want to demonstrate something on my computer like if I want to demonstrate how to do some kind of statistical analysis using this data then being able to record your screen is better. So let's start working on OBS. When you open OBS this is what you see. So you have scenes here. So scene is basically a collection of things that are being shown and then you add sources to the scene. So we'll add a source first. We'll add screen display capture. So we want to have the content of the laptop screen that shows the PowerPoint representation behind us. So let's call it that laptop screen. And then we get the two switch screens. So zero, this is the main monitor that you're seeing now. Then two is the present review of PowerPoint. And one is the laptop screen. So this is what we want to show to our audience. And we click OK. And it's not properly sized. So we'll just do transform and fit to screen here. So now we have the presentation in OBS from PowerPoint. And if we change PowerPoint slides then of course the presentation will be different. We need to also add the camera. So we'll add a camera. And camera is called a video capture device. And I'm going to call it Logitech Brio. And then we get to choose which camera, which device we use. So I have epoch cam, which is a driver for using your iPhone as a webcam. OBS virtual camera is something that I'll talk about in a moment. Then I have the built-in cam from the laptop. And then I have the webcam that I install on the desk. So we'll use the desk webcam. And now we can see that there is a resolution. So this is a 4K webcam. We're going to use the full HD because that's normally the quality that you use when streaming. And now the controls here, the webcam, we can see this screen here, this wall. There are two ways. Either we can adjust the webcam positioning so we can adjust it a bit like so. Or another thing that we can do is simply we can crop a bit from the side. And there is plenty of room for me to move here. So I will just crop the side and that's going to be it. And because I want to be presenting, I'm also going to increase the height of my desk a bit. Or raise my desk a bit because I think you're more natural when you present standing. So now we have the desk on proper height and we will crop. And cropping, we add a filter. So we'll take to the Brio. We will crop and filters. And it's called effect filter crop. And we are going to crop the right side. You can try different values. So 200 is maybe enough if we just rotate the camera a bit. So this is 200. It's okay. And another filter that we need is to have this chroma key filter. So this is the thing that does the green screen effect. Now that we have myself showing on the screen, we just need to do little adjustments. For example, if I walk to the left, I will disappear. So we want to move myself right a bit and like so. And now I can be here standing in front of the slides, talking to my audience. Need to remember to look at the camera. If I want to point to specific things, I can see the preview there. So I can see where my finger is pointing. And then once I have positioned my finger, then I look back at the camera. And now this is how you can get yourself in front of your slides. And now the final step is how do we get this nice thing, composition video zoom. We'll just start virtual camera in OBS. And getting it going might require that you adjust the security settings of the computer. But that's a one-time thing to do. And once you've set it, you just press it on. And then in Zoom, we pick OBS virtual camera as our camera. And this is now a Zoom recording. And people would see me in front of the slides. You can do also the other way around. So you can have the slides in front of you. And it's basically a reverse of the chroma key effect. So let's try that out. If we take the green screen, just pull it aside. And we want to have a nice office setup where we talk about certain things. And maybe we want to have our presentation come on this wall instead of being behind us. So this is another way of doing presentations. So what we can do is that we start a new scene. And just going to call it slides in front. And what we will do now is that we will go to the next slide. You will not see anything because there is nothing shown on the main screen now. And of course the Zoom meeting is also black because there is nothing being broadcast. And we will now add the webcam. So I'm going to add the webcam. I'm adding instead of copying because I'm adding an existing camera. But this one does not have the effect. So I need to disable the effects here. And I'm going to disable the chroma key and the cropping. So this is what my office looks like. And now how do we get the slides to show in front of me? Well, we'll do the chroma key effect in the reverse order. So I will add display capture here. And let's do laptop screen with chroma key. And we'll choose display number one, which is the laptop screen. And now you can see the Google logo of parts of it. This was one slide from my presentation. And we'll size to fit again. And let's make it a bit smaller. So now we can see that there are a couple of... We get the slides here. So it is in a way in front of us, but it doesn't look very nice. And the magic happens when we add filters. So we'll do filters. And first we'll add crop. So we'll crop the black bars from the side. Let's try 200, not enough, 250, not enough, 280. That looks right and 280. And this is our crop. And then the next thing we want to get a read-off is this purple background. And the background is purple on purpose, because I wanted to use a color for the background that I'm not using in the presentation. Top screen filters. And I will add chroma key. And I'm not using green background. You can see the default is green. So the L from Google is green and it disappears. I'm not using green, but instead I'm using a custom color. And I'm selecting a color. And that color is the closest that I have. And now, because the Google logo is so vibrantly colored, we need to make some adjustments. So it doesn't work right off the bat. So we adjust the similarity. We got text here that the students can read. We can talk about Google and we get these nice slides in front of me. So you can do either yourself as a background for the slides, or you can do slides as your background. And this is again shown on Zoom now properly. And if we go to the PowerPoint, we can switch from different slides and control what is shown here and tell our students and lecture to our students. Doesn't it look a lot cooler than just being like a small box in front of the slides? Of course you can do the small box in front of the slides and just throw your head with OBS, but with this kind of effect, it's a lot more natural. And students really like this more natural feeling of the lecturing. So thanks for watching. And if you like the video, you can subscribe to my channel. I mostly publish videos about research methods and entrepreneurship, the things that I teach, but I occasionally do videos about teaching as well.