OBS Setup Guide

Mon Oct 17, 2016 8:02 am

  • OBS Setup Guide

    Setting up the streaming service and encoder

    1. Download OBS Studio (Do not download OBS Classic, it's unmaintained and outdated).

    2. Open OBS Studio (Make sure you pick the 64-bit version if your system supports it). It should look like this:


    3. Go to Profile -> New to create a streaming profile, name it something descriptive (e.g. "My Hitbox", "SSH's Twitch", etc). Make sure the profile you just created is selected.

      The profile functionality is handy when adding new services without needing to configure everything again.

    4. Go to File -> Settings, and select the Stream tab. Here is where you select the streaming service (e.g. Youtube, Hitbox, Twitch, etc.) your currently selected profile will use and where you place the stream key for the channel where you will broadcast.

      If your service is not in the Service drop-down list, you will need to select "Custom Streaming service" and provide a RTMP URL in addition to a stream key.

    5. Go to the Output tab. Here is where you will set up the technical aspects of the stream:

      • Set the Output Mode to "Advanced".
      • Make sure "Enforce streaming service encoder settings" is selected.
      • Leave "Rescale Output" disabled unless you want to stream at a certain resolution and record a local video at a different one (bear in mind doing this will increase CPU usage).
      • Set Rate Control to "CBR".
      • Bit-rate (as well as your resolution and framerate) should be set according to your existing upload bandwidth. The general rule is that your video bit-rate plus your audio bit-rate should not exceed 80% of your upload. To find out how much upload you have go to TestMy.Net or Speedof.me. Alternatively you might want to use Speedtest.net but bear in mind flash-based speed tests are not accurate so you will want to use their HTML5 version of the test (currently in beta as of this writing).
      • Keyframe interval should be set to 2.
      • CPU Preset should be left at default unless you have upload constraints but a lot of spare CPU power. The "slower" the preset is the more CPU time it will use to encode each frame, squeezing a bit more video quality out of your selected bit-rate.
      • Profile should be set to High for most streaming services unless noted otherwise.

      • The recording tab is used to define where and how the program will encode your recordings if you choose to save a local copy of your streams, or use the recording function.

      • The audio tab (the one inside the output tab) allows you to select your audio bit-rate. Anything from 96 and upwards is decent.
    6. Go to the Audio tab. If your microphone was not automatically detected, here's where you can select it manually, as well as extra inputs. You can also pick which device(s) to capture audio from if the Default selects the wrong one.

    7. Go to the Video tab. Here you can select the resolution you will feed to the encoder by inputting it into the "Output (Scaled) Resolution". This rescaling is done in the GPU and thus less taxing on the CPU than using "Rescale Output" in the Output tab. You can also pick your frame rate (FPS). Bear in mind increasing the resolution and/or frame rate will increase the upload bandwidth requirements if you want a good looking image.

    8. Click Ok. With that we finished setting up the streaming service and the encoder. If you later want to add another service you can go to Profile -> Duplicate and only change the streaming service in File -> Settings -> Stream

    Setting up the scene and audio

    1. To add a new input click on the "+" symbol or right click on the blank space below sources:


    2. Each of the sources has a different use:
      • Audio Input Capture: Self explanatory, captures the audio provided by a device, such as a USB microphone or a Line-In.
      • Audio Output Capture: Self explanatory, captures the audio emitted by a device, such as a Speaker or a HDMI Output.
      • BrowserSource: Captures a webpage. You can interact with the captured webpage by right clicking on it and selecting "Interact".
      • DisplayCapture: Captures the specified screen. Can be used to capture full-screen games but it's not ideal. It can also be used to capture windows that refuse to show with any other method by cropping it (Right-click->Filters->Right-Click->Add->Crop), but this is a worst-case scenario.
      • Game Capture: Used to capture DirectX games (though it might work with non DX-games). By default it will only capture full screen applications, but you can set its mode to "Capture specific window" and manually select a window from the drop down list below, or to "Capture foreground window with hotkey" which will capture whatever window is on top once you press the hotkey you selected in File->Settings->Hotkeys. The hotkey is also useful to force it to capture a window it will not capture through the other 2 modes. If it still refuses to capture a game, use Window Capture instead.
      • Image: Self explanatory, captures an image. It supports GIFs in addition to static images.
      • Image Slideshow: Self explanatory, select a list of images and have them show one after the other.
      • MediaSource: Allows capturing videos. It's not very useful for movies since it will start playing immediately after being added and doesn't support external subtitles.
      • Scene: Allows capturing a different scene in the current scene. Used mostly to keep a layout intact while moving it around in the stream.
      • Text: Self explanatory, add some text and give it some format. It can be use to read text from a file.
      • VLC Video Source: It can be used to capture the same kind of videos VLC can, including video being broadcast by the VLC player itself. When combined it can be more useful for movies than MediaSource.
      • Video Capture Device: Self explanatory, captures a video stream from a device like a webcam.
      • Window Capture: Used to capture all sort of windows including OpenGL and DirectX games. It must always be manually set but it remembers the last choice.
    3. All of the previous inputs that deal with images and videos can be resized to fit the screen by right click on them in the scene preview window. You can also add filters or order them:


    4. The volume of the stream can be adjusted from the mixer, without needing to mess with your computer settings. It's generally recommended that you keep voice at 100% and lower computer audio somewhere between 30%-60% depending on the loudness of what's being streamed. This doesn't apply for movies though.
    User avatar
    Posts: 5
    Joined: Tue Dec 10, 2013 6:09 am

Mon Oct 17, 2016 8:54 am

  • FAQ

    What resolution/frame-rate should I use when streaming?

    As it was said before, it largely depends on available upload. A list of good configurations follows:

    Resolution: 426x240
    Video Bitrate Range: 300 - 700 Kbps

    Resolution: 640x360
    Video Bitrate Range: 400 - 1,000 Kbps

    Resolution: 854x480
    Video Bitrate Range: 500 - 2,000 Kbps

    Resolution: 1280x720
    Video Bitrate Range: 1,500 - 4,000 Kbps

    720p @60fps
    Video Bitrate Range: 2,250 - 6,000 Kbps

    Resolution: 1920x1080
    Video Bitrate Range: 3,000 - 6,000 Kbps

    1080p @60fps
    Video Bitrate Range: 4,500 - 9,000 Kbps

    1440p @30fps (Youtube only)
    Resolution: 2560x1440
    Video Bitrate Range: 6,000 - 13,000 Kbps

    1440p @60fps (Youtube only)
    Video Bitrate Range: 9,000 - 18,000 Kbps

    Bear in mind some services like Twitch limit your max bit-rate to 3500 regardless of other factors, while others like Hitbox can have up to 4k resolution streams for select partners.

    People complain my microphone is not loud enough even though I'm at 100% volume, how do I fix this?

    Clicking the gear next to "Mixer" opens other audio options. In that menu you can set the volume above 100%. Bear in mind distortion and noise might appear as you go higher:


    How do I add chat to my stream?

    To do this make sure you have downloaded OBS Studio with the included BrowserSource addon.

    1. Click Add->BrowserSource.
    2. Set URL to the site, the dimensions and the FPS to whatever you need.
    3. In the CSS field paste the following to remove avatars, timestamps and the user count. It will also make text larger:
      Code: Select all
      body {background-image: none; margin: 0px auto; overflow: hidden; }
      .chatMessage{font-size: x-large;}
      .avatarClass{display: none}
      #usersOnlineCount{display: none}
    4. Right click on the browser source you added and click Interact. Type /novideo and exist the interaction window.
    5. Right click on the source, go to filters, right click the empty space and go to Add->Crop. Adjust the crop until you remove the excess.
    6. Right click the empty space in the filters window again and go to Add->Color Key. Select which colour will be made transparent and adjust the Similarity to avoid making everything transparent. Fiddle with the other settings until you obtain a pleasing result.
    User avatar
    Posts: 5
    Joined: Tue Dec 10, 2013 6:09 am

Mon Oct 17, 2016 8:55 am

  • Reserved
    User avatar
    Posts: 5
    Joined: Tue Dec 10, 2013 6:09 am

Return to Tutorials

  • Who is online
  • Users browsing this forum: No registered users and 1 guest