ControlBar

The ControlBar prefab gives the user the basic user interface to control their media devices (camera, microphone and screen share), open the Chat and leave the room.

Import

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

Remarks

This component is build with other LiveKit components like TrackToggle, DeviceSelectorButton, DisconnectButton and StartAudio.

Usage

<LiveKitRoom>
  <ControlBar />
</LiveKitRoom>

Properties

controls?ControlBarControls

(Optional)

saveUserChoices?boolean

(Optional) If true, the user's device choices will be persisted. This will enable the user to have the same device choices when they rejoin the room.

variation?'minimal' | 'verbose' | 'textOnly'

(Optional)