Skip to content
Cloudflare Docs

RtkSettingsVideo

A component which lets to manage your camera devices and your video preferences. Emits rtkStateUpdate event with data for toggling mirroring of self video:

TypeScript
{
prefs: {
mirrorVideo: boolean
}
}

Properties

PropertyTypeRequiredDefaultDescription
iconPackIconPackdefaultIconPackIcon pack
meetingMeeting-Meeting object
sizeSize-Size
statesStates-States object
tRtkI18nuseLanguage()Language

Usage Examples

Basic Usage

import { RtkSettingsVideo } from '@cloudflare/realtimekit-react-ui';
function MyComponent() {
return <RtkSettingsVideo />;
}

With Properties

import { RtkSettingsVideo } from '@cloudflare/realtimekit-react-ui';
function MyComponent() {
return (
<RtkSettingsVideo
meeting={meeting}
size="md"
/>
);
}