← Cloudflare Realtime / realtime / realtimekit / ui-kit / api-reference / core

rtk-settings-video

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

{
 prefs: {
   mirrorVideo: boolean
 }
}

Properties

Property	Type	Required	Default	Description
`iconPack`	`IconPack`	❌	`defaultIconPack`	Icon pack
`meeting`	`Meeting`	✅	-	Meeting object
`size`	`Size`	✅	-	Size
`states`	`States`	✅	-	States object
`t`	`RtkI18n`	❌	`useLanguage()`	Language

Usage Examples

Basic Usage

<rtk-settings-video></rtk-settings-video>

With Properties

<rtk-settings-video
 size="md">
</rtk-settings-video>

<script>
  const el = document.querySelector("rtk-settings-video");

  el.meeting= meeting
</script>