StreamLive Pro

Scenes and layers in the browser studio: build a scene

The browser studio has no Scenes list like OBS. Build a scene as an input with up to 10 layers, switch it with Preview and Take, and add overlays on top.

Updated · 5 min read

The browser studio has no "Scenes" list like the one in OBS. A scene is built from an input: any input can hold up to 10 layers (other inputs, pictures or videos), stacked 1 at the bottom to 10 on top, and the whole composition goes on air together with that input. You switch between scenes the same way you switch between inputs: put one in Preview, then Take or Cut. Logos, lower thirds and anything that should stay on top of every scene go on the overlay channels 1 to 8, above Program.

How OBS words map to the browser studio

In OBS or vMixIn the browser studio
SceneAn input with layers. Often a Blank input with layers on it
Sources inside a sceneThe 10 layers inside the input (Layers tab of its settings)
Source orderLayer number: 1 is drawn at the bottom, 10 on top
Switching scenesPreview, then Take (with the transition) or Cut (at once)
Something shown on every sceneAn overlay channel, 1 to 8, drawn above Program: Overlay channels 1 to 8 and their keys (F1 to F8)
Scene collectionNot available. Workspaces only change the screen layout, not what goes on air

In OBS a scene collection saves all scenes and their sources, as OBS describes in its own help: OBS help: Scene Collections (checked 5 November 2026). Preview and Program in the browser studio: Preview, Program, Take and Cut explained.

Before you start

Steps

  1. Add a base for the scene. In the inputs strip, add Blank. It is a black 1920x1080 input and the studio says "Blank input added - stack layers on top". You can also use a camera or a picture as the base.
  2. Open the base input's settings. Click the gear on its tile, or double-click the tile, and open the Layers tab.
  3. Fill the layers. The tab is titled Layers inside this input and has 10 numbered rows. In each row choose a source from the list. Every other picture input of the studio is offered; an input never appears inside itself. The box at the start of the row shows or hides that layer.
  4. Add a file straight from the computer if you need one. Add layer from computer, Image or Video: the file becomes a new input and lands in the first free layer ("Added to layer N").
  5. Place each layer. Position on the row opens Edit Layer with X, Y, Width and Height in percent of the frame. The Layout buttons (Full, PiP, 2-Up, 4-Grid) arrange layers 1 to 4 in one click.
  6. Choose where the input's own picture sits. This input's own picture: Under every layer (as in vMix), Above layer 1 to 9, or Above every layer. A new composition starts with the input's own picture at the bottom. For a camera in front of a background, set it to Above every layer.
  7. Check the result. The composition shows on the input's tile, in Preview and in the Large view of the tile. Nothing goes on air while you build it.
  8. Put the scene on air. Click the tile to put it in Preview, then Take or Cut. Build the next scene the same way and switch between them with Preview and Take.
The Live stream screen: Preview, Program and the channels panel (test account).
The Live stream screen: Preview, Program and the channels panel (test account).

A wrong change in an input's settings can be undone with Ctrl+Z (Cmd+Z on a Mac) while you are in the studio. Switching itself is never undone.

Three common scenes

SceneHow to build it
Presenter over slidesBase: the slides input. Layer 1: the camera, placed small in a corner with Position. Own picture under every layer
Keyed person over a video setBase: the green-screen camera, keyed with Remove green screen or the Colour Key tab. Layer 1: the video input. Own picture above every layer
Two speakers side by sideBase: Blank. Layers 1 and 2: the two cameras, then Layout 2-Up, or Edit Layer for each

Green screen steps: Green screen in the browser studio, step by step. Every tab of the settings window: Input settings in the browser studio, tab by tab.

Layers inside an input or overlay channels

What can go wrong

Frequently asked questions

Does the browser studio have scenes like OBS?

There is no Scenes list. You build a scene as an input with up to 10 layers and switch it with Preview and Take, like any other input.

How many layers can one input hold?

Ten, numbered 1 at the bottom to 10 on top, plus the input's own picture, which you can place under, between or above them.

How do I keep a logo on every scene?

Put the logo on an overlay channel. Overlay channels stay above Program when you switch inputs.

Can I put a video behind a green screen?

Yes. Key the camera, add the video input as a layer of the camera, and set the camera's own picture to Above every layer.

Can I save my scenes for the next broadcast?

There is no scene collection to save or load. After a reload the studio offers to restore itself in the same browser, but files have to be picked again.

Keep reading

Use the OBS or vMix virtual camera in the browser studio

Bring an OBS or vMix scene into the browser studio as a camera: start the virtual camera, pick it in Add camera, add its sound, and fix a black or missing virtual camera.

Live stream checklist: before, during and after

A printable live stream checklist: test broadcasts, stream keys, sound check, backup internet, what to do if the stream drops, and the work after it ends.

PTZ cameras for live streaming: protocols and setup

What a PTZ camera is, VISCA, Panasonic, ONVIF and NDI control, HDMI vs SDI vs NDI delay, presets for a lecture or service, zoom by room depth, PoE.

Upload speed and bitrate for multistreaming

YouTube's bitrate table for 720p to 4K, the upload you need to multistream from OBS vs a relay, CBR and 2-second keyframes, and how to test your connection.

Want to try it? 7-day trial, no credit card.

Start free
Mobile app Home Help Center Guides PrivacyTermsAccessibility