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

chatMessageDecoder?MessageDecoder

(Optional)

chatMessageEncoder?MessageEncoder

(Optional)

chatMessageFormatter?MessageFormatter

(Optional)

SettingsComponent?React.ComponentType

(Optional)