The browser studio bar explained: Outputs sends Program to a second screen, Workspace rearranges the studio for a laptop or chat, and what the other buttons hold.
The browser studio has one bar along the bottom of the screen. On the left (on the right in Hebrew) are the camera and microphone switches and six topic buttons: Add input, Graphics, Audio, Layout, Outputs and Workspace. In the middle are Go live and Record, always visible, with their state in words and a timer. At the far end is a small status zone with the load of the tab, frames per second and the network. Each topic button opens its own small window above the bar. Outputs is the one for a second monitor, and Workspace is the one for a tidier screen on a laptop; both are covered in detail below, after a short look at all six.
| Button | What the window holds |
|---|---|
| Add input | Camera, Media file (a video, picture or sound from the computer), Playlist (several files in one input, one after another), More sources (for example a screen or a phone) |
| Graphics | A title, a news ticker, comments on the screen |
| Audio | The noise filter and the active speaker switch |
| Layout | Guest layout and the safe-zone guides for vertical and square crops |
| Outputs | Floating window, Detect screens, Destinations |
| Workspace | Ready workspaces, your own, and Reset workspace |
To open the studio: Live stream, then Browser Studio. Every window closes with its X, by clicking the same button again, or with Esc. Esc never changes what is on air.
The Outputs window has three actions.
The floating window shows what the studio draws, so keep the studio tab open while it runs. Closing the floating window does not affect the broadcast.
A workspace is a saved arrangement of the studio screen. It holds four things: where the side panel sits (right, left or hidden), the size of the input tiles (small, medium, large), which panel tab is open, and whether three cards are shown: the stream details, the destinations line and the encoder card.
Ready workspaces:
| Workspace | What it does | Good for |
|---|---|---|
| Live production | Side panel open, medium tiles, all three cards shown | The default for a normal broadcast |
| Inputs | Side panel hidden, large tiles, only the destinations line | Switching between several cameras |
| Comments and chat | Small tiles, the chat tab open in the side panel | A show where you read and answer viewers |
| Compact (laptop) | Small tiles, the three cards hidden | A small laptop screen |
| Panel on the other side | Like Live production, with the side panel on the other side | When you prefer the panel on the other side of the screen |
Workspaces are saved in this browser on this computer. On another computer, or in another browser, you start from the ready ones again.
At the end of the bar, after a thin divider, the studio shows CPU (how busy this browser tab is), fps (how often the studio draws the picture) and the network. Click it for System health, which explains each number: tab load above 80% means close other tabs or lower the quality, 50 to 60 frames per second is normal, and the network line shows what the browser reports about your connection. When there is a broadcast, the stream quality is listed too. These numbers are measured in your browser only. If the picture stutters for viewers, see My live stream drops frames or keeps buffering.
On a computer or tablet the bar stays at the bottom while the page scrolls. On a phone the bar sits in the page, the phone keeps its own live bar, and the windows open as sheets from the bottom of the screen.
| Symptom | Fix |
|---|---|
| Floating window does not open | Allow pop-ups for streamlivepro.io in the browser, then click it again |
| Detect screens finds nothing | The browser does not support listing screens, or the permission was refused. Use Floating window and drag it |
| My workspace is gone on the other computer | Workspaces are kept per browser. Save it again there |
| The encoder card disappeared | The current workspace hides it. Tick Encoder card under Arrangement |
Related: Preview, Program, Take and Cut explained, Keyboard shortcuts in the browser studio, How to live stream with several cameras.
Yes. Click Outputs, then Floating window. A clean window with Program opens. Drag it to the second monitor and click Fullscreen in it.
No. It is only a monitor for you or the room. What viewers get is decided by the destinations of the broadcast.
No. They are saved in the browser on the computer where you made them. Another computer starts with the ready workspaces.
Compact (laptop). It uses small tiles and hides the stream details, the destinations line and the encoder card, so the monitors get more room.
No. A workspace only changes how the studio screen is arranged. Program, the sound and the destinations stay as they are.
Go live from a Mac with nothing to install: the browser studio in Safari or Chrome, the macOS permissions to allow, and when an app is still better.
Resolution and frame rate for live streamingResolution and frame rate for live streaming in plain words: 720p or 1080p, 30 or 60 fps, how both drive bitrate, and how to set them in StreamLive Pro and OBS.
How to live stream a panel discussionHow to live stream a panel discussion with remote speakers: invites, layouts for three to five people, a moderator's run sheet, audience questions on screen, and Shorts.
How to live stream a cooking show with two camerasHow to live stream a cooking show with two cameras: a phone overhead on the pan, the cook's face, picture in picture, sound in a noisy kitchen, and Shorts of each recipe.
Want to try it? 7-day trial, no credit card.
Start free