rtk-meeting

最后更新 2026年8月9日查看 MarkdownAgent 设置

一个单一组件，用于渲染完整的会议 UI。它会加载您的预设并根据预设渲染 UI。使用此组件，您无需自行处理所有状态、对话框以及其他管理应用程序的细节。

属性

属性	类型	是否必填	默认值	描述
`applyDesignSystem`	`boolean`	✅	-	是否从配置将设计系统应用于文档根元素
`config`	`UIConfig`	✅	-	UI 配置
`gridLayout`	`GridLayout1`	✅	-	网格布局
`iconPack`	`IconPack`	❌	`defaultIconPack`	图标包
`leaveOnUnmount`	`boolean`	✅	-	当该组件被卸载时参与者是否离开
`loadConfigFromPreset`	`boolean`	✅	-	是否从预设加载配置
`meeting`	`Meeting`	✅	-	会议对象
`mode`	`MeetingMode`	✅	-	填充类型
`overrides`	`Overrides`	❌	`defaultOverrides`	UI Kit 覆盖项
`showSetupScreen`	`boolean`	✅	-	是否显示设置界面
`size`	`Size`	✅	-	尺寸
`t`	`RtkI18n`	❌	`useLanguage()`	语言

使用示例

基础用法

<rtk-meeting></rtk-meeting>

带属性

<rtk-meeting>
</rtk-meeting>

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

  el.applyDesignSystem= true;
  el.config= defaultUiConfig
</script>

这篇文档对您有帮助吗？