GitHub

Source

Pictographic representation of the component.

VideoConference

The VideoConference ready-made component is your drop-in solution for a classic video conferencing application. It provides functionality such as focusing on one participant, grid view with pagination to handle large numbers of participants, basic non-persistent chat, screen sharing, and more.

Import

import { VideoConference } from "@livekit/components-react";

Remarks

The component is implemented with other LiveKit components like FocusContextProvider, GridLayout, ControlBar, FocusLayoutContainer and FocusLayout. You can use these components as a starting point for your own custom video conferencing application.

Usage

<LiveKitRoom>
<VideoConference />
<LiveKitRoom>

Properties

chatMessageDecoderMessageDecoderOptional

(Optional)

chatMessageEncoderMessageEncoderOptional

(Optional)

chatMessageFormatterMessageFormatterOptional

(Optional)

SettingsComponentReact.ComponentTypeOptional

(Optional)