StreamLive Pro

The studio bar: Outputs, Workspace and the other menus

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.

Updated · 5 min read

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.

The six buttons at a glance

ButtonWhat the window holds
Add inputCamera, 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)
GraphicsA title, a news ticker, comments on the screen
AudioThe noise filter and the active speaker switch
LayoutGuest layout and the safe-zone guides for vertical and square crops
OutputsFloating window, Detect screens, Destinations
WorkspaceReady 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.

Outputs: Program on a second screen, and where the stream goes

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.

Workspace: arrange the studio for the job

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:

WorkspaceWhat it doesGood for
Live productionSide panel open, medium tiles, all three cards shownThe default for a normal broadcast
InputsSide panel hidden, large tiles, only the destinations lineSwitching between several cameras
Comments and chatSmall tiles, the chat tab open in the side panelA show where you read and answer viewers
Compact (laptop)Small tiles, the three cards hiddenA small laptop screen
Panel on the other sideLike Live production, with the side panel on the other sideWhen you prefer the panel on the other side of the screen

Steps

  1. Open the studio. Go to Live stream and choose Browser Studio. The bar appears at the bottom of the screen.
  2. Open Workspace. Click Workspace on the bar. The window shows the workspace you are in now, under "Now".
  3. Pick a ready one. Click a workspace under Ready. The screen changes at once and a short note names the workspace.
  4. Adjust it. Under Arrangement change the side panel, the tile size or the three check boxes. The workspace remembers your changes and is marked as changed.
  5. Save your own. Type a name in the box at the bottom and click Save as new. It appears under Yours.
  6. Go back. Reset workspace returns the current workspace to how it was saved. To delete one of yours, click its X and confirm.
  7. Send Program to a second screen. Click Outputs, then Floating window, drag the new window to the other screen and click Fullscreen.

Workspaces are saved in this browser on this computer. On another computer, or in another browser, you start from the ready ones again.

The status zone

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 phone or tablet

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.

What can go wrong

SymptomFix
Floating window does not openAllow pop-ups for streamlivepro.io in the browser, then click it again
Detect screens finds nothingThe browser does not support listing screens, or the permission was refused. Use Floating window and drag it
My workspace is gone on the other computerWorkspaces are kept per browser. Save it again there
The encoder card disappearedThe 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.

Frequently asked questions

Can I show Program on a second monitor?

Yes. Click Outputs, then Floating window. A clean window with Program opens. Drag it to the second monitor and click Fullscreen in it.

Does the floating window go to my viewers?

No. It is only a monitor for you or the room. What viewers get is decided by the destinations of the broadcast.

Are workspaces saved in my account?

No. They are saved in the browser on the computer where you made them. Another computer starts with the ready workspaces.

Which workspace is best for a laptop?

Compact (laptop). It uses small tiles and hides the stream details, the destinations line and the encoder card, so the monitors get more room.

Does changing the workspace affect the broadcast?

No. A workspace only changes how the studio screen is arranged. Program, the sound and the destinations stay as they are.

Keep reading

Live streaming on a Mac without installing software

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 streaming

Resolution 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 discussion

How 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 cameras

How 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
Mobile app Home Help Center Guides PrivacyTermsAccessibility