Skip to main content

How to navigate the web-based production tool

This article was translated using AI, which may cause inaccuracies or not directly reflect the product interface. If you continue to have issues, please contact Customer Support.

This feature requires an Advanced or Premium plan, or an Enterprise plan with the Events feature added.

This article discusses the web-based production studio for live events. This allows you to stream directly from your browser without the need for additional tools or software. 

The appearance of the studio may vary slightly depending on the type of production mode that you selected. This article outlines the Stream from your browser in production mode.  

In this article: 

Accessing the web-based studio

You can access the web-based production studio after creating a live event or selecting a previously created event from your live events folder in your library. 

The web-based streaming production studio. The layout shows a central canvas for video scenes, an asset menu on the left for speakers and media, and an open 'Settings' panel on the right for the event.

Top navigation bar

The top navigation bar displays the following:

  • Team - View your team that is working on your live event.
  • Analytics - View real-time analytics for your event.
  • Settings - Change the settings for your live event
  • Chat - Monitor and engage with viewers through the chat.
  • Share - Share the link to your stream.
  • Embed - Embed your live event on an external website.
  • Go Live - Launch your live event or switch the studio's production mode. 

The stage 

The stage is at the center of the web-based production tool. The stage displays the currently selected scene, as shown to your viewers. 

The stage of the live web production studio. The tool bar for changing background color and layout are at the top. Below it is an empty canvas. Below that is the scene selector showing a single scene plus the option to add a new scene.

Above the stage is the layout bar. Select the layout bar to choose the layout of your scene’s elements and speakers, or select Auto for the design to change automatically based on the production elements of your scene.

 The Layouts menu option is selected and shows the open layouts menu, displaying all the options for displaying the chosen scene's source arrangement

You can also change the background color of your scene. From the layout bar above the stage, select the background color button to choose a solid color, apply a predefined gradient, or select a custom color using a color picker for a personalized look for the scene.

Screenshot showing the live web production stage with the background color selector open. The menu lets users choose solid colors, select gradient options, or input a HEX code for a custom color. 

Scenes

Below the stage is the scenes panel. Learn how to add and manage scenes for your event at Creating and using scenes on a Vimeo event.  

The scene management bar with three scenes in a row. The first is a thumbnail labeled 'Video 2.' The second, labeled 'Scene 3,' is highlighted to show it is selected and displays a three-panel layout. The third is a button with a plus icon to 'Add scene.'

 

Below the scenes panel is the control bar. You can use the control panel bar to select and control your audio input, your camera input, share your screen, or open the teleprompter. 

The controls toolbar with four icons: a muted microphone, an active camera, a share screen button, and a document button. The camera button is currently selected.

Production elements toolbar 

On the left-hand toolbar, you'll find various tools and production elements to help control and enhance your event. 

  • Speakers: Invite and manage the speakers who will be presenting at your event.
  • Templates: Choose from various predefined layouts to enhance the visual presentation of your event.
  • Media: Add videos, images, and slides to your event.
  • Graphics: Add a lower-third overlay with information about the scene or the speaker
  • Brand: Incorporate your brand identity elements, such as colors and logos.
  • Q&A: Facilitate interaction by allowing viewers to submit questions during the livestream. You can moderate questions or allow anonymous Q&A.
  • Polls: Create and conduct polls to engage your audience and collect real-time feedback. 

Differences with other production modes

As mentioned, changing to a different production mode for your live event will update the web-based production environment accordingly. 

  • Pre-recorded event: Automatically go live with a pre-recorded segment.
  • Recording only: Record a video without an audience.
  • Use an external encoder: Go live with RTMP/RTMPS or SRT.
Was this article helpful?
20 out of 36 found this helpful
Return to top

Related articles