How To Add Images to Your Lightboard Videos

This guide will show you how to add images to your lightboard videos in real time using open source computer software. Overlays can also be achieved using a hardware video switcher.

Images and text to overlay on your video can come from slides created in Powerpoint, Google Slides, or Keynote. To learn more about slide formatting and download examples, check out our resource Lightboard Slide Templates. Other visual sources can also be used.

Install Video Mixing/Production/Switching Software

You can use a free software application called Open Broadcaster Software (OBS) to overlay your presentation slides over a live video feed from your lightboard camera. The result is a seamless presentation for your viewers.

  1. Navigate to https://obsproject.com/ and select your operating system. The download will begin automatically.
  2. Launch the downloaded application and install using the standard settings (you do not need RealSense)
  3. Open OBS and follow the Auto-Configuration Wizard. You will get a prompt asking whether to optimize for streaming or recording. If you plan to do any live stream broadcasts, select that radio button, else select recording. Affected settings can be changed later if needed.
  4. Select your preferred Base Resolution and frame rate (FPS). 1920x1080 and 30FPS is our recommended starting setting. 

Video Capture Card/Device

Normal HDMI ports on a computer are for output signals only, they cannot accept an incoming signal. Learn more about video capture devices including recommended models in our resource: Video Capture Devices.

Set Up Your Video Input

After opening OBS, set up the sources for your video. In this case, that will be your camera and your presentation software. Connect and turn on your camera.

Click the + icon under sources in the bottom quarter of your screen, select Blackmagic Device from the list if using one of the above referenced capture devices. If using a USB webcam, or similarly represented device select Video Capture Device

OBS Add Video Source

A pop-up will appear. Name this new source Camera and leave the default settings selected before pressing OK. In the next window, select your input device from the top drop-down menu.

If using a Blackmagic device, try the default settings first. If you do not see your camera image, you may need to adjust settings on your camera, in the Blackmagic Desktop Video program, and OBS to all match. Start with 1080p30.

If using a USB webcam, you may need to adjust Resolution/FPS Type to Custom. Then set the Resolution and FPS (frame rate) as desired, then press OK. 1920x1080 and 30FPS is appropriate for the majority of lightboard users, if the webcam is capable. You may need to modify your camera settings by clicking Configure Video.

OBS Custom Video Source

Your camera image will now show in the OBS workspace. Resize the red-framed camera image to fill the frame.

Right click on the camera source and select Transform → Flip Horizontal. This mirrors the camera feed so writing on the lightboard will appear correct in the final video.

Add Your Slides

Now that we have our video source added, it’s time to add the source for your slides. We recommend using PowerPoint or Google Slides, though Keynote on a Mac can also be used with some caveats. For example slides, check out our resource Lightboard Slide Templates.

PowerPoint 365 by default will want to control all your monitors during presentation mode, which we don't want in this case. Change this setting by going to Slide Show in the top menu, then click on the Set Up Slide Show icon, and then select browsed by an individual (window). PowerPoint will now only use one monitor when in edit and presentation modes.

PowerPoint Slide Show Set Up

Go to the same (+) icon as before, but this time select Window Capture, name this "slides" and find the window that you want to share in your video from the drop-down list.

When the slide file name changes, you need to refresh this source by right clicking, selecting properties, and then selecting the appropriate window.

Alternatively, an external computer such as the presenter's own laptop could be used as the source for slides which can make for simpler operation. To bring this signal into the computer, add a second capture device and configure as instructed for the camera source above. Once setup, there is nothing to change in OBS when no slides are used or when switching presenters/laptops.

Remove the Slide Background

You now see your slides obscuring your camera feed, so next you key out the background to eliminate it. Under Sources, right click on slides, select filters. On the next screen, select Color Key.

Configure the settings as:

  • Key color type: Custom Color
  • Key color: #ff000000 (black)
  • Similarity: 300
  • Smoothness: 1000
  • Opacity: 80
  • Contrast/Brightness/Gamma: leave at 0

You’ll notice the black background is now removed, only the text and images from the slides overlay the camera feed.

How to Remove Slide Backgrounds

Layout

Each visual source could be resized and positioned as desired in the final video frame, but we recommend making both sources full-frame. Then place text and images in the slides where you want them located in the final video frame. See more details on slide layout in our resource: Lightboard Slide Templates.

Ideally position the camera frame so the eyes of the presenter are 1/3 of the way from the top of the frame. This is a natural focal point for viewers.

Slide Layout With Multiple Diagram Overlay

Confidence Monitor

To give the presenter a view of the composited camera image and overlay, place a monitor showing this composite image within view of the presenter. This can be the standard OBS control screen interface, or if you'd prefer to see the video feed full screen and not see the controls, right click on the video and select Fullscreen Projector (preview) and select that monitor. Locate this "confidence monitor" near the camera (often above or below) so the presenter is facing in the general direction of the camera while looking at it. A circular polarizing lens (filter) should be installed on your camera to eliminate reflections of the monitor off the glass from being seen in your final video. Most video cameras and DSLRs have threads in front of the main lens to accept filters-look up the proper diameter for your camera.

Record Settings

You can adjust your recording bitrate as desired to balance file size and quality. To adjust bitrate, click on settings in the bottom right corner of the OBS screen and then navigate to the output tab on the left hand menu. OBS creates output files with the size-efficient H.264 compression format. The following bitrates are a good starting point but can be adjusted based on your preferences.  

 

  • 1080p60  12,000 kbps (90MB/min file size)
  • 1080p30  8,000 kbps (60MB/min)
  • 720p60    7,500 kbps (56MB/min)
  • 720p30    5,000 kbps (37.5MB/min)
  •  

    Set the Recording Path on your computer as desired. Recording to a SSD or external drive (USB 3.0, Thunderbolt 2 or later) would be ideal.

    Recording format should be set to mkv which retains all data in case there is a disruption to the recording. Conversely if recording as a .mp4 and there is a blip the file would be unreadable. 

    The other default OBS settings should be appropriate for most cases.

    Recording a Lesson

    Now that you’ve done all the setup work, recording is simple. Queue your slides (remember to refresh the slide source when your file name or source has changed), and press the Start Recording button in the bottom right corner of OBS.

    Remember to make eye contact with the camera consistently throughout the presentation. That should be your default place to look when not writing on the board.

    Use the confidence monitor to register the position of graphics relative to the board for annotations. A common trick to simplify this process is to make a few light marks in black marker where the presenter intends to reference something. This allows them to look directly at the lightboard as if the image is really there which flows nicely. Small black layout marks will not typically be noticeable in the video. 

    When recording videos primarily for future viewing, often it is best to have only one main slide per video, to the point that there is no erasing done between the start and end of each video. However, there may be cases where one or two intro slides preclude the main content, or situations where multiple short videos will be filmed in one session and then later divided into multiple pieces of content.

    In cases where multiple slides are used, a wireless presentation remote is recommended to advance slides. The Logitech R800 wireless USB remote is a great option. It has excellent range, long battery life, a built-in button to give you a black screen in PowerPoint (which in this case temporarily removes all overlays). A built-in timer function can give light vibration notifications.

    After your presentation is complete, press Stop Recording in the bottom right of OBS.

    The file will be saved in your assigned directory in .mkv format. To generate a playable .mp4 file, navigate to file --> remux recordings. Select the desired .mkv file and then click Remux. The file is transformed into a .mp4 almost instantly and the .mkv file can then be deleted.

    Additional Notes

    Minimum System Requirements for OBS

    • Windows 7 or newer, Mac with OS X El Capitan 10.11 or later, or Linux
    • AMD FX series or Intel i5 2000-series processor (dual or 4-core)
    • DirectX 10 capable graphics card, and
    • At least 4 GB of RAM

    It should be emphasized that these are minimum requirements. The hardware requirements of your intended workflow will vary greatly based on the desired resolution if going above 1080p and in particular your desired bitrate for recording and streaming. If you have questions on this, please contact us

    Troubleshooting

    It can be helpful to close and reopen the OBS software periodically if not using it for a while. Restarting the software after changing settings such as video input sources can help recognize the new source. Restart your computer after installing any new software.