Remove background colour (chroma key)

Remove background colour (chroma key)

Overview

You can utilise the 'remove background colour' feature to remove the green background from a source and make it transparent. This is known as a Chroma Key and is similar to how a 'green screen' works in movies. This allows the source to be partially transparent and used as an overlay.


Source types

A coloured background can only be removed from SRT and Playlist source types.


Colour codes

The background removal works on a single set colour. All backgrounds in the stream, artwork or presentation that you want removed must match this colour code.

Red

  1. 100% red
  2. HEX: FF0000
  3. RGB: 255, 0, 0
  4. HSL: 0, 100%, 50%

Green

  1. 100% green
  2. HEX: 00FF00
  3. RGB: 0, 255, 0
  4. HSL: 120, 100%, 50%

Blue

  1. 100% blue
  2. HEX: 0000FF
  3. RGB: 0, 0, 255
  4. HSL: 240, 100%, 50%

Magenta

  1. 100% red and blue
  2. HEX: FF00FF
  3. RGB: 255, 0, 255
  4. HSL: 300, 100%, 50%

Custom

You can set a custom RGB colour.

Setting the custom colour to white rgb(255,255,255) will result in no colour being removed.
Setting the custom colour to black rgb(0,0,0) will result in all colour except white being removed.



How to use

Remove background

  1. Click the settings icons on the source card
  2. Select the colour to remove, or enter a custom colour
  3. Select 'Remove background colour'
  4. The background will be removed and the source now contains transparency

Green example


Blue example


Custom example




Restore background

  1. Click the settings icons on the source card
  2. Select 'Restore background'
  3. The background will be restored




    • Related Articles

    • Background media

      Any image or video in the Studio media Library can be set as the background layer of your live stream. Set a new background Open the Studio media library Choose the media you would like to set as the background layer Click the dropdown menu for that ...

    • Overlay

      What is an overlay? An overlay is a special video layer that sits above all others and allows you to show transparent sources on top of other media. Overlay is typically used to display 'bugs' or 'lower thirds/supers' temporarily during your event. ...

    • Branding settings

      Event branding can be customised to suit your requirements. Attendee portal The following elements can be modified on the attendee portal. Page background image Set an optional background image. This image displays on top of the page background ...

    • Release changelog

      Releases made to the Joinin platform 12 Nov 2021 Added Quiz engagement functionality. Higher maximum bitrates for presenter links. Increased from 1500Kbps to 5000Kbps max. Studio: keyboard shortcut to activate presenter comms talk. Press and hold the ...

    • Sources

      Live events can utilise several different types of content sources: Introduction Sources are the live elements of your event that can be shown to your audience. Source types Media Media can can be uploaded to your event and displayed on demand: ...