Stefan Baumgartner

Web ops, performance and front-end

Streaming your Meetup - Part 4: Directing and Streaming with OBS

06 August 2019 by @ddprrt | Posted in: Conferences, Meetups

Now that we have everything wired up, it’s time to record, direct and stream! If you missed the previous parts, check out the table of contents to quickyl jump to a previous section.

  1. Basics and Projector
  2. Recording the speaker
  3. Recording audio
  4. Directing and streaming with OBS – 📍you are here

Ready? Let’s go!

A few words before we start

For this tutorial we use OBS, aka Open Broadcaster Software. This thing is a beast. There’s almost nothing you can’t do with OBS. I could fill pages, but this shouldn’t be an OBS guide book, rather a gentle introduction so you can get started easily.

There are of course other programs out there that might have a nicer user interface or are generally more intuitive to use, but OBS is free, cross-platform, can do a ton, and is totally sufficient for your videos.

One thing that I don’t share in this tutorial is how to operate the YouTube live studio or similar. There are just too many options out there, and especially YouTube changes look and feel way too often. I just can’t keep up with those changes.

I try to lead you to the correct settings you need for your YouTube stream, though.

Ready? Let’s go!

Really important hardware settings

I already spoke about it in the last parts, but here’s a quick rundown of some important hardware requirements and settings you have to take to successfully stream your meetup:

  1. Have a laptop with a proper graphics card. ATI or NVIDIA. Intel on-board is not sufficent enough for 30fps or more.
  2. Make sure you plug the cameras (the projector and your speaker) to the opposite sides of your laptop. The reasoning is that the left and the right side might have different power supply. Especially CamLink is draining a lot of power, and it might crash at times if there isn’t enough.
  3. Power plugged in, always.
  4. If possible, go for an ethernet link rather than WiFi. Even with the best upstream WiFi can be flaky.

All good? Than check out this one important software setting.

One really important software setting

OBS works without much hassle. You open it and everything is like you left it before. It has a ton of settings for you to fiddle around, but there is one really important setting you shouldn’t miss.

The original output and canvas resolution of OBS is some weird value. You want to have HD, at least. To change this, click Settings (button) → Video (tab) and change both canvas resolution and output resolution to HD.

The settings screen

Now you can start designing your scenes.

Scenes

OBS works in scenes. Think of it as different arrangements for your content. You can switch easily between scenes to get more dynamic into your live streams.

The scenes box is located at the bottom left of the OBS screen. With the + button you can add new screens, with - you delete them. You know how this works.

I usually create four different scenes:

  1. Intro and Break This one is for the parts of the live stream where people shouldn’t see what’s going on. I usually put in a logo and some catchy background music. Royalty free of course.
  2. Scene. The main scene itself. This one contains all of it. Speaker video, speaker audio, logo and projector. The setup is something you usually see from conference videos.
  3. Speaker only. This one is a full screen capture of the speaker. Nice for parts where you don’t need a slide in your background, but where it’s more important to see how the speaker reacts.
  4. Projector only. Projector only is the opposite. Here we see what’s going on on screen, no distractions. I use this especially for live coding parts.

You can switch between scenes by clicking on them. If you want to have keyboard shortcuts, go to SettingsHot Keys and assign shortcuts at every Switch to scene entry.

The scenes box

The scenes are set, now we add the sources.

Sources

Sources are, well, the input sources for your live stream. This can also be anything. Starting from everything we have attached to the laptop over to images, pre-recorded videos, media of any kind or simple things like colored areas. This can be overwhelming. So here’s a list of important sources that you need.

  1. Projector video. This is a Video Capture Device. Your webcam. Add a new Video Capture Device and select your CamLink with the projector image. Make sure to set the framerate right with the tools by Elgato (see the chapter on projector video).
  2. Projector audio. You are using HDMI, that’s why you get audio input from your laptop as well. Adding a new Audio Input Capture adds your CamLinks audio signal to your mixer. This is great if your speaker uses audio in their talks or if they show videos. Audio sources are also added to your Mixer where you can selectively mute them. Watch the Mic/Aux part. This one should be muted in your break scenes, as it could contain some background sound from the microphone attached to it. Level your audio so it’s comfortably in the yellow area of the loundness scale.
  3. Speaker video. Another Video Capture Device with your second camera. Either via CamLink or via USB.
  4. Speaker audio. Another Audio Input Capture with your speaker’s voice. Either from the standard External Microphone attached to your audio jack, or from your webcam, or from a Zoom. Whatever you’ve chosen.
  5. Backdrop. I create a nice backdrop for our stream with the logo of the event, and maybe it’s number. In full HD. I use an Image source and add it to the mix.
  6. Background mnusic. A loop for the breaks. It’s a Media source where I select something catch from Kevin MacLeod

Depending on how you want to style your stream, you also can have some text sources with the speaker names or similar.

Sources and audio

Every source you create is added to the selected scene. You can move them around, change the size and crop it to your liking. This one is actually the tedious part and requires the most work.

Sources are however globally available. This means that you can create a new source at a different scene, or just use the one you already created.

Here’s how I distribute sources along scenes:

Scenes may vary a bit depending on the meetup. But in general this is my setup. Now get it out the public!

Streaming and Recording

Let’s assume you want to stream it via YouTube. Usually you go to the live stream dashboard to get started. Make sure you try this out way before your first meetup. It can take up to 24hours for YouTube to verify you. Once you are ready and you set up your live stream, look at the live stream page for the Encoder setup. This part shows a streaming server and a key. Copy both to a note or scribble it down. We need it.

Streaming encoder setup

We need this data to set up our streaming environment. In general, OBS needs a streaming server and some form of authentication, no matter which service you use.

Go to SettingsStream and select your streaming service of choice. Enter your streaming key (in case of YouTube) and you are set.

Streaming setup

You have two buttons in your main UI: Start Streaming and Start Recording. Press Start Streaming to get everything out to YouTube. Everytime a talk starts, I also press Start Recording. I stop it after the talk ends. This gives me a nice MKV file I can edit later to have a “clean” version for our YouTube channel.

Don’t record everything in one sitting. Your memory might get filled up and you can’t end recording.

A click on a scene activates the scene. Which means when you stream, this is the scene you are currently streaming.

Congratulations! You are a streamer!

Studio Mode

One last tip is Studio Mode. When you activate it, you see two scenes. The scene that is streaming on the right, and any upcoming scene you wish on the left. This gives you some time to prepare the screen (e.g. changing the speaker name or similar), and makes sure you don’t accidentally click on a scene you don’t want to stream. This is however very heavy on your machine, so make good use when you know you can afford it.

Studio mode

The end.

This is it! So far, at least. We were able to get a decent streaming setup for 315 EUR, and with the professional, yet free Open Broadcaster Software we are able to stream the whole show over the wire to your meetup members who can’t attend.

We’ve done this a lot with meetups like Technologieplauscherl (where we even have a streamer collective) and Stahlstadt.js.

I’m really curious if you used this guide and how it helped you. Please reach out to me on Twitter and chat with me. I really want to know which setup you have decided on.

And never forget to practice. I’ve recorded a couple of meetups now and everytime I find things that I thought I can do better next time. Having a trial run never is a bad idea.

And with that! Have fun and stream on a budget!

Comments? Shoot me a tweet!