VideoConference
function VideoConference(__namedParameters): Element;Defined in: packages/react/src/components/VideoConference.tsx:59
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
Parameters
| Parameter | Type |
|---|---|
__namedParameters | VideoConferenceProps |
Returns
Element
Example
// Basic — render the ready-made conferencing UI.
<VoiceRoom agent={agent}>
<VideoConference />
</VoiceRoom>
// Advanced — add a custom settings panel to the conference shell.
function SettingsPanel() {
return <TrackToggle source={Track.Source.Microphone} />;
}
<VoiceRoom agent={agent}>
<VideoConference SettingsComponent={SettingsPanel} />
<RoomAudioRenderer />
</VoiceRoom>