Can I pre-record or livestream CdnStudio?

What is OBS? 

OBS (Open Broadcast Software) is a free tool that we recommend using in tandem with CdnStudio in order to record and broadcast your work. It can be downloaded for free at: https://obsproject.com 

OBS (Open Broadcast Software) is a funnel for video streams. It allows the user to take multiple video feeds (or images), put them all together, and then record or broadcast the content through a single, unified video feed. In relation to CdnStudio, OBS allows you to: 

      • Prerecord CdnStudio sessions, adding background images, text, and additional platforms (Zoom calls, webcam feeds, etc) 
      • Livestream CdnStudio sessions to YouTube, Vimeo and Facebook live.

This page will walk you through basic tools for streaming, recording, and accessing your videos. 

OBS Basic Tools for Streaming

SOURCES (bottom left) are single streams of video or audio processed by your computer. Examples of sources include: internet browser windows, webcam feeds, movie files or even easy to edit text.

SCENES (bottom left) are your canvas’ for arranging and organizing various sources and/or text and images in order to create your desired custom video stream. It can be as simple or as complex as you want it to be. If you want to create a video with a few different “looks”, select the “+” on the bottom left and name it. If you are recording/streaming one “look” no need to add others. Some examples of when other looks would be helpful include title cards, credits, “blackouts”, etc. 

AUDIO MIXER (bottom centre) allows you to monitor your audio inputs and control the volume output to your stream/recording. OBS automatically defaults to using your computer’s built in microphone. If you are using an external microphone you will need to add it as a source in the same way you would a video source.

SCENE TRANSITIONS (bottom right) are an optional feature in OBS where you can freely switch between SCENES by fading, cutting or sliding between them over a user defined amount of time.

CONTROLS is where you will find options to stream and record your work.

Connecting CdnStudio to OBS

  1. Make sure you have CdnStudio running in chrome. Note: in order for OBS and CdnStudio to work together, your Chrome browser/CdnStudio cannot be in full screen.
  2. In OBS, click the “+” symbol at the bottom left corner of the SOURCES window. 
  3. Select “Window Capture”. 
  4. Make sure “create new” is selected. Feel free to give it the name “CdnStudio” or you can leave it as is. Click Next.
  5. Click on the empty bar beside the red “Window”. This will drop down a list of every open browser window on your computer. Select the CdnStudio browser window. Press OK. 
  6. You should now see CdnStudio within the canvas of your scene. Most likely, the window is much bigger than the scene so you will only see a portion of the Cdnstudio. This can be fixed by left clicking the window so it is surrounded by a red box, then right clicking within the red box, clicking “transform” followed by “fit to screen”. You should now see your full browser window in OBS. 
  7. To crop out the “mechanics” of CdnStudio so that your audience only sees what you want them to, hold the ALT or OPTION key and then click/drag on one of the red corners of your source. 
  8. This window can easily be resized and placed wherever you want within the “canvas” of your scene. To resize, click on a corner of the red box, hold, and drag to your preferred size. HOT TIP: If you hold shift while you do this, it will lock the aspect ratio of your video image so that it doesn’t get distorted or stretched while resizing. Once resized, left click and hold anywhere within the red box and drag to your desired location

Recording with OBS 

  1. Once you’re ready to record your work, preset your cues by going back to the first scene you have established. Ensure the audio is picking up whatever microphone you are using (laptop microphone, external USB microphone, etc.). In CONTROLS (bottom right) click START RECORDING. 
  2. On a Mac, the video will be saved in your MOVIES folder as an MKV file. If you can’t find your videos, select FILE > SHOW RECORDINGS. If you have VLC Media Player, you can play an MKV file. If not, select FILE > REMUX RECORDINGS.

Streaming with OBS 

  1. Once you are ready to stream, under CONTROLS select START STREAMING. Because we have not yet setup the URL and Stream Key, we will be prompted to open settings to enter the URL and Stream Key in the ‘stream’ tab. Along the left side of the screen select STREAM and select which service/platform you are using. 
  2. After you’ve selected your service, select GET STREAM KEY and it will walk you through accessing a stream key from whatever service you are using. 

Getting Started

In order to schedule time in CdnStudio, please fill out this form.

Before you get started, you and all of your collaborators will need:

  1. A green/blue backdrop with adequate light.
  2. This can be a green screen, a blue wall, a blue towel, etc.
  3. A webcam (attached to a computer, at this point we don’t recommend mobile phones at this time. Mobile interface need to be created and tested.)
  4. A computer with chrome/firefox installed (we don’t recommend safari)
  5. A stable internet connection
  6. 4 total collaborators or less
  7. A way to connect with your collaborators (slack, messenger, group text)

OPENING YOUR STUDIO

  1. Start your studio by clicking the link in the email you received.
  2. Position your webcam so it sees only you in the background with you in the foreground.
  3. On the right side of the page, in the videofeed of yourself, double click an area of the background to select the chromakey colour. Here are some tips on achieving the best chromakey. 
  4. You should now see yourself inside the studio and your background should be replaced by the pink CdnStudio stripes.
  5. You can reset your chromakey colour at any time but double clicking in another spot.
  6. You can also replace the CdnStudio stripes with your own background by uploading an image under the video feed of yourself.
  7. Once you have your studio set-up, share the URL with members of your team.

THINGS TO REMEMBER

  1. Experiment with layering by choosing who enters the studio first. The creator of the studio will always be the layer closest to the front. Then, as each participant joins they become the farther layer back.
  2. When uploading a background, you will max out at 640×480 resolution. This is for performance reasons but also to ensure compatibility with a wide variety of devices. Not all devices can do higher or wider resolutions and we have to use the lowest common denominator to make sure the frames stack correctly with similar “scale”. For an even background, we’re looking for the pink candy stripe to be even and strong throughout the entire background to ensure the best quality of video and background. The more evenly lit, with less shadows, the better.
  3. There will be a slight sound/video delay. If you can hard-wire your computer to the internet, this will decrease the delay. If you’re curious about ways you can reduce latency, click here. 
  4. If you are experienced in livestreaming, you can run CdnStudio through OBS to the livestreaming platform of your choice.

TROUBLESHOOTING

Are you having trouble accessing your studio?

  1. Are you using Chrome or Firefox? Have you updated Chrome or Firefox recently? 
  2. Do you have any other video conference software open? Try closing them. Sometimes older computers can’t run Zoom and CdnStudio at the same time. 
  3. Is your background sized at 640×480? 
  4. Try refreshing and re-entering the studio link. However, if you have the crown emoji, you are the host and should not refresh. 
  5. Try getting your teammates  to run this test and send it to us.