Skip to main content

Zoom Meeting Video

Zoom Live Meeting Component

BRICKS TOOLS avatar
Written by BRICKS TOOLS
Updated over a week ago

  • Introduction to Zoom Meeting Video Component

The Zoom Meeting Video component displays the Zoom meetings joined through the Generator and renders them directly within the application. It is useful for creating scenarios that require real-time, multi-location video interaction.

This component must be paired with the ZoomMeeting function in the Generator to enable live meetings. A single Generator can correspond to multiple Zoom Meeting Video components, allowing different views such as preview and share to be displayed as separate elements.

On the Canvas, the Zoom Meeting Video component works just like a live meeting. With customizable layouts, you can arrange the video display differently from the standard Zoom app, offering a variety of unique presentation styles.

＊Note: On iOS systems, only the Generator is supported. Video will display in full-screen overlay mode once the Generator is started, and cannot be resized or positioned as a component.

  • Frame Block

The Frame attributes of this component are the same as the Rect component. For more details, please refer to the Rect component’s Frame section.

  • Properties Block

The Properties of the Zoom Meeting Video component inherit the basic Rect component attributes. For details, see the Rect component’s Properties section.

＊Opacity attributes set on a Rect beneath the Zoom Meeting Video component will not affect transparency, since the camera feed overlays on top of the Rect.

Additional Property Details：

＊Each Zoom Meeting Video component supports displaying only one Preview or one Share view.

Property Name

Property Type

Description

Layout

One Of

List

Defines the layout of the live meeting view.

  • 1on1: Displays as a one-on-one meeting view.

  • 4-grid: Displays in a 4-grid layout.

  • active-only: Keeps the active speaker centered.

  • active-share-only: Keeps the active screen-sharer centered.

  • preview-only: Keeps only your own camera feed centered.

  • custom: Uses a custom layout, configured via the Custom Layout property.

Custom Layout

Array Of

Array Of

Defines a custom layout for the meeting view.

Note: Zoom restricts combining preview and share with Camera feeds in the same layout.

  • kind: Main display type (active, preview, share, active-share, attendee).

  • x: Starting X coordinate of this view.

  • y: Starting Y coordinate of this view.

  • width: Width of this view.

  • height: Height of this view.

  • border: Border thickness.

  • showUsername: Whether to display the username.

  • showAudiooff: Whether to display audio status.

  • userIndex: Assigns a specific user (for share or attendee). Values start from 0.

  • background: Background color of this view.

  • No Conference View Cases Block

Property Name

Property Type

Description

Text

String

String

Sets the text displayed when no meeting is joined.

Text Size

Number

Number

Sets the size of the above text.

Text Color

String

String

Sets the text color. Can be selected via the color picker or entered directly as HEX, RGBA, or HSLA values.

  • Properties – Border Block

The border properties are the same as the Rect component. For more details, see the Rect component’s Border section.

  • Animations Block

The animation event properties are the same as the Rect component. For details, see the Rect component’s Animation section.

  • Events Block

The event properties are the same as the Rect component. For details, see the Rect component’s Event section.

Additional event-specific explanations for the Zoom Meeting Video component can be added here.

Did this answer your question?