StreamLive ProGreen screen in the browser studio, step by step
Remove a green or blue screen live in the browser studio: the one-click button on the tile, the Colour Key tab, the background behind you, and fixes for green edges.
To remove a green or blue screen in the browser studio, press Remove green screen (or Remove blue screen) on the camera's tile: the studio measures the colour from the picture and keys it out in one click, with no window to open. For finer control, open the input's settings and use the Colour Key tab. Then put a picture, a video or slides under the camera, and you appear in front of them on every network at once.
Before you start
- A lit, even screen. Most bad keys come from the room, not the software: wrinkles, shadows and uneven light. The room guide is in How to set up a green screen virtual studio for live streams.
- The browser studio in Live stream (Browser Studio) or in Podcast. Every plan, including the trial.
- A background to put behind you: a picture or video the size of the broadcast (1920x1080), or slides or a screen share.
- No screen at all? Remove BG on the camera tile cuts you out with AI and no green screen: Virtual background and background blur in a live.
Steps
- Add the camera. Add input, then your camera. Steps: Add a camera to the browser studio.
- Press Remove green screen on the tile. The button appears by itself when most of the picture's edges are green (or blue, and then it says Remove blue screen). One click keys the colour it measured. The removed area shows as a checkerboard on the tile.
- Add the background. Add the picture, video or slides as another input.
- Put the background under the camera. The simplest way: take the background to Program, then put the camera on an overlay channel above it with an overlay number on the camera's tile (Overlay channels 1 to 8 and their keys (F1 to F8)). Another way: in the camera's settings, the Layers tab, add the background as a layer and set This input's own picture to Above every layer, so the keyed camera is drawn over it.
- Fine-tune if needed. Open the camera's settings (the gear, or double-click the tile) and go to the Colour Key tab. The Source and Result previews show the effect while you adjust.
- Click Done. Changes apply as you make them; Done keeps them and Cancel restores what was there.
The Colour Key tab
| Control | What it does |
|---|---|
| Enable Chroma Key | Turns the key on or off for this input |
| Eyedropper | Click the Source preview to pick the exact colour of your screen |
| Auto Detect | Finds the screen colour by itself |
| Presets: Fine Detail Pro, Bright Green, Dark Green, Blue | Ready starting points for common screens |
| Key Color | Green, blue, red, or any colour from the picker |
| Chroma Key (strength) | How far from the key colour a pixel can be and still be removed |
| Edge Smooth | Softens the cut-out edge, for hair and shoulders |
| Anti Aliasing (None, Low, High) | Smooths jagged edges |
| RGB Fine-tune (Red, Green, Blue) | Small corrections, for example to reduce green spill on skin |
| Reset All | Back to the defaults of the key |
The last slider on the tab, Luma Key, removes dark parts instead of a colour, for logos on black.
Green or blue
Use green in most rooms. Use blue when someone wears green or there are plants in the shot. Whatever the screen's colour, nobody in front of it should wear it, or that part of them disappears.
What can go wrong
| What you see | Likely cause | Fix |
|---|---|---|
| No Remove green screen button | The screen does not fill the edges of the frame, or a key or background is already on for this input | Frame the shot so the screen reaches the edges, or use the Colour Key tab |
| A green edge around hair or shoulders | Light from the screen spills on the person | Raise Edge Smooth a little, lower Green in RGB Fine-tune, move away from the screen |
| Holes in the person | Clothes close to the key colour, or the strength is too high | Lower Chroma Key strength, change clothes, or switch to a blue screen |
| Black behind the person | Nothing is under the camera | Put a background on Program and the camera on an overlay channel, or use the Layers tab |
| The background covers the person | On the Layers tab the camera's own picture is under its layers (the default) | Set This input's own picture to Above every layer |
| The background flickers | Uneven light, or the camera adjusts exposure by itself | Light the screen evenly; lock exposure if the camera allows it (Camera Pro tab) |
In the podcast studio
The green screen works the same way in Podcast, per camera.
- Add the camera as an input in the podcast studio's inputs strip (Add input, then the camera).
- Press Remove green screen on its tile, or open its settings with the gear and use the Colour Key tab, with Auto Detect, the eyedropper and the presets described above. Each camera has its own key, so one camera can be keyed while the others are not.
- Put the background under it with the same two ways: the background on Program and the camera on an overlay channel, or the background on the camera's Layers tab with the camera's own picture above every layer.
The small settings window that opens from a camera's thumbnail in the podcast studio (Camera 1 Settings and so on) holds the microphone, its volume and sensitivity, and Background Blur. The green screen key is not there: it is in the input's settings window.
In recorded video
For a recording made earlier, the video editor has its own chroma key: Green screen (chroma key) in the video editor. Preview and Program, if the terms are new: Preview, Program, Take and Cut explained.
Frequently asked questions
Can I use a green screen in a live stream without OBS?
Yes. The browser studio removes a green or blue screen in the browser, with nothing to install, and sends the keyed picture to every network.
Why does the Remove green screen button not appear?
It shows when most of the frame's edges are green or blue and the input has no key yet. Otherwise use the Colour Key tab in the input's settings.
How do I put a background behind me?
Take the background to Program and put the camera on an overlay channel above it, or add the background on the camera's Layers tab and set the camera's own picture above every layer.
Green or blue screen?
Green in most cases. Blue if someone wears green or there are plants in the frame.
Does the green screen work in the podcast studio?
Yes. Add the camera as an input in the podcast studio and use Remove green screen on its tile or the Colour Key tab in its settings. Each camera has its own key.
Can I do it without any screen?
Yes. Remove BG on the camera tile cuts out the person with AI, without a green screen. A second click brings the background back.
Keep reading
Echo cancellation removes your speakers from your microphone; noise suppression removes background sound. What each does, its limits, and the StreamLive Pro settings.
What is ISO recording? Each camera in its own fileISO recording saves every camera to its own file, next to the switched program. Why editors want it, what it costs in disk space, and where StreamLive Pro offers it.
What is mix-minus? Echo-free sound for remote guestsWhat is mix-minus: a sound feed for each remote guest with everyone except their own voice. Why it prevents echo, how it works, and how StreamLive Pro builds it.
Video podcast setup by budget: one person or twoVideo podcast setup by budget: one person or two, dynamic mics in untreated rooms, camera angles, light, ISO recording, Spotify and Apple video, and Shorts.
Want to try it? 7-day trial, no credit card.
Start free