@tencentcloud/sdk-mcp 1.7.2 → 1.7.4

package/resource/knowledge/roomkit/core-sdk/vue/room-view.md

@@ -62,10 +62,6 @@
 import { RoomLayoutTemplate, RoomView } from 'tuikit-atomicx-vue3/room';
 </script>
 
-<style scoped>
-/* 必须为 RoomView 父容器明确设置宽高 */
-.room-view-wrapper { width: 100%; height: 100%; }
-</style>
 ```
 
 【React】
@@ -95,10 +91,6 @@ export default function ConferenceRoom() {
 import { RoomLayoutTemplate, RoomView } from 'tuikit-atomicx-vue3/room';
 </script>
 
-<style scoped>
-/* 必须为 RoomView 父容器明确设置宽高 */
-.room-view-wrapper { width: 100%; height: 100%; }
-</style>
 ```
 
 【React】
@@ -228,14 +220,6 @@ const isMicrophoneOn = computed(() => props.participant.microphoneStatus === Dev
 const shouldShowCameraPlaceholder = computed(() => isCameraStream.value && props.participant.cameraStatus !== DeviceStatus.On);
 </script>
 
-<style scoped>
-/* 必须设置 pointer-events 属性值为 none，否则会拦截底层视频画面的双击、拖拽交互！ */
-.participant-view-ui { position: absolute; inset: 0; pointer-events: none; }
-.participant-view-ui.camera-off { background: #1f2937; }
-.camera-placeholder { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #fff; font-size: 16px; }
-.participant-info { position: absolute; left: 8px; bottom: 8px; display: flex; align-items: center; gap: 6px; max-width: calc(100% - 16px); padding: 4px 8px; color: #fff; background: rgb(0 0 0 / 50%); border-radius: 12px; }
-.user-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-</style>
 ```
 
 【React】

package/resource/knowledge/roomkit/core-sdk/vue/schedule-room.md

@@ -93,9 +93,6 @@ const handleJoinRoom = async (roomInfo: { roomId: string }) => {
 };
 </script>
 
-<style scoped>
-.schedule-container{padding:24px;max-width:1000px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}button{background-color:#006eff;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s;margin-bottom:24px}button:hover{background-color:#0056cc}.list-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);padding:16px}.modal-mask{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.1);padding:24px;width:100%;max-width:480px}
-</style>
 ```
 
 【React】

package/resource/knowledge/roomkit/core-sdk/vue/virtual-background.md

@@ -107,9 +107,6 @@ const openSettings = () => {
 };
 </script>
 
-<style scoped>
-.modal-mask{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:white;width:600px;border-radius:8px;overflow:hidden}.modal-header{padding:16px;display:flex;justify-content:space-between;border-bottom:1px solid #eee}
-</style>
 ```
 
 ## 方案二：使用底层 API 自定义集成

package/resource/knowledge/roomkit/core-sdk/vue/whiteboard-annotation.md

@@ -0,0 +1,181 @@
+本文介绍如何使用 Atomicx API 为自己的会议界面接入白板或屏幕共享批注。
+
+先选择您要实现的功能：
+
+|目标|是否需要先开启屏幕共享|接入顺序|
+|---------|---------|---------|
+|白板：在空白画布上书写|不需要|显示区域准备好后，调用 `startWhiteboard`|
+|屏幕共享批注：在屏幕共享画面上批注|需要|先调用 `startScreenShare`，再调用 `startWhiteboard`|
+
+> **说明：**
+> **接入屏幕共享批注，不需要先接入独立白板。**两种功能都使用 `startWhiteboard` 创建绘制层，但接入流程彼此独立，按您的业务目标选择其中一种即可。
+>
+
+## 准备工作
+
+开始前，请确认：
+- 用户状态：用户已经通过 `useLoginState` 完成登录鉴权，参见 接入概览，并已作为一个房间的房主或成员在房间内，参考 房间管理。
+
+- 环境依赖：项目已正确安装并引入 `tuikit-atomicx-vue3`（Vue 3），版本为 `6.1.0` 或更高
+
+- 使用 Windows 或 macOS 桌面端的 Chrome、Edge 最新稳定版本。
+
+   本文代码中的“显示区域”，就是页面中用来显示白板或共享画面的一个 `<div>`。为它设置 `id` 后，将该 `id` 传给 API 即可。它既决定内容显示在哪里，也决定显示尺寸，不需要额外理解白板内部实现。
+
+## 接入白板
+
+白板不依赖屏幕共享。准备一个显示区域，并在用户点击“打开白板”时把它的 `id` 传给 `startWhiteboard`：
+``` typescript
+<template>
+  <button @click="openWhiteboard">打开白板</button>
+  <div id="whiteboard-view" class="content-view" />
+</template>
+
+<script setup lang="ts">
+import { useWhiteboardState } from 'tuikit-atomicx-vue3/room';
+
+const { startWhiteboard } = useWhiteboardState();
+
+async function openWhiteboard() {
+  await startWhiteboard({
+    view: 'whiteboard-view',
+    canvasColor: '#FFFFFF',
+  });
+}
+</script>
+
+```
+
+调用成功后，当前用户可以在该区域绘制，房间内其他成员会实时看到白板画面。
+
+## 接入屏幕共享批注
+
+屏幕共享批注是在共享画面上增加一层透明的绘制区域。整个流程只有两步：
+1. 把屏幕共享画面显示到页面中的 `<div>`。
+
+2. 把同一个 `<div>` 的 `id` 传给 `startWhiteboard`，让笔迹覆盖在共享画面上。
+
+   以下示例提供“开始共享”和“开启批注”两个按钮：
+
+   ``` typescript
+   <template>
+     <button @click="shareScreen">开始共享</button>
+     <button @click="openAnnotation">开启批注</button>
+     <div id="screen-share-view" class="content-view" />
+   </template>
+
+   <script setup lang="ts">
+   import {
+     DeviceStatus,
+     useDeviceState,
+     useWhiteboardState,
+   } from 'tuikit-atomicx-vue3/room';
+
+   const { screenStatus, startScreenShare } = useDeviceState();
+   const { startWhiteboard } = useWhiteboardState();
+
+   async function shareScreen() {
+     await startScreenShare({
+       screenAudio: true,
+       view: 'screen-share-view',
+     });
+   }
+
+   async function openAnnotation() {
+     if (screenStatus.value !== DeviceStatus.On) {
+       throw new Error('请先开启屏幕共享');
+     }
+
+     await startWhiteboard({
+       view: 'screen-share-view',
+     });
+   }
+   </script>
+
+   ```
+
+## 添加绘制工具
+
+白板和屏幕共享批注使用同一套工具 API。将下面的方法连接到您的工具栏按钮即可：
+``` typescript
+import {
+  useWhiteboardState,
+  WhiteboardTool,
+} from 'tuikit-atomicx-vue3/room';
+
+const {
+  setToolConfig,
+  undo,
+  redo,
+  clear,
+  snapshot,
+} = useWhiteboardState();
+
+// 画笔
+setToolConfig({
+  tool: WhiteboardTool.Pen,
+  color: '#006EFF',
+  lineWidth: 4,
+});
+
+// 矩形
+setToolConfig({
+  tool: WhiteboardTool.Shape,
+  shapeType: 'rect',
+  color: '#006EFF',
+  lineWidth: 4,
+});
+
+await undo();           // 撤销
+await redo();           // 重做
+await clear();          // 清空
+const image = await snapshot();
+```
+
+可用工具包括：
+
+|工具|枚举值|用途|
+|---------|---------|---------|
+|选择|`WhiteboardTool.None`|停止绘制。|
+|画笔|`WhiteboardTool.Pen`|自由书写。|
+|激光笔|`WhiteboardTool.Laser`|短暂停留后自动消失。|
+|形状|`WhiteboardTool.Shape`|通过 `shapeType` 绘制矩形或椭圆。|
+|箭头|`WhiteboardTool.Arrow`|标记方向或重点。|
+|橡皮擦|`WhiteboardTool.EraserObject`|擦除图形对象。|
+
+绘制形状时，在同一个配置对象中设置 `shapeType`：`rect` 表示矩形，`ellipse` 表示椭圆。
+
+## 隐藏白板和批注入口
+
+关闭白板或批注时调用 `stopWhiteboard`：
+``` typescript
+const { stopWhiteboard } = useWhiteboardState();
+
+stopWhiteboard();
+```
+
+## 更新白板显示区域
+
+当需要将白板切换到另一个显示区域时，可调用 `updateWhiteboard` 并传入新的元素 id。
+``` typescript
+const { updateWhiteboard } = useWhiteboardState();
+
+updateWhiteboard({ view: 'whiteboard-new-view' });
+```
+
+## 使用范围
+- 暂不支持移动端浏览器和研讨会（Webinar）房间。
+
+- 当前由发起者绘制，其他成员实时观看，暂不支持多人同时绘制。
+
+- 白板与普通屏幕共享使用同一路共享通道，不能同时开启。
+
+## 常见问题
+
+### 为什么调用 `startWhiteboard` 后页面没有显示内容？
+
+请确认调用时已经通过 `view` 传入显示区域的 `id`，并且页面中存在对应的 `<div>`。如果该元素稍后才挂载，请在白板启动后调用 `updateWhiteboard({ view })`。
+
+### 白板和普通屏幕共享可以同时开启吗？
+
+不可以。白板与普通屏幕共享使用同一路共享通道；屏幕共享批注则是在屏幕共享画面上叠加绘制层，是支持的组合方式。

package/resource/knowledge/roomkit/faq/error-code.md

@@ -0,0 +1,103 @@
+## 客户端错误码
+
+### 通用错误码
+| 错误码 | 描述 |
+| --- | --- |
+| 0 | 操作成功 |
+| -1 | 暂未归类的通用错误 |
+| -2 | 请求被限频，请稍后重试 |
+| -1000 | 未找到 SDKAppID，请在 <a href="https://console.cloud.tencent.com/vcube/project/manage">腾讯云视立方 SDK 控制台</a> 确认应用信息 |
+| -1001 | 调用 API 时，传入的参数不合法，检查入参是否合法 |
+| -1002 | 未登录,请调用 Login 接口 |
+| -1003 | 获取权限失败，当前未授权音/视频权限，请查看是否开启设备权限 |
+| -1004 | 该功能需要开通额外的套餐，请在 <a href="https://console.cloud.tencent.com/vcube/project/manage">腾讯云视立方 SDK 控制台</a> 按需开通对应套餐 |
+
+### 本地用户渲染，视频管理，音频管理 API 回调错误定义
+| 错误码 | 描述 |
+| --- | --- |
+| -1100 | 系统问题，打开摄像头失败。检查摄像头设备是否正常 |
+| -1101 | 摄像头没有系统授权, 检查系统授权 |
+| -1102 | 摄像头被占用，检查是否有其他进程使用摄像头 |
+| -1103 | 当前无摄像头设备，请插入摄像头设备解决该问题 |
+| -1104 | 系统问题，打开麦克风失败。检查麦克风设备是否正常 |
+| -1105 | 麦克风没有系统授权，检查系统授权 |
+| -1106 | 麦克风被占用 |
+| -1107 | 当前无麦克风设备 |
+| -1108 | 获取屏幕分享对象失败，检查屏幕录制权限 |
+| -1109 | 开启屏幕分享失败，检查房间内是否有人正在屏幕分享 |
+
+### 房间管理相关 API 回调错误定义
+| 错误码 | 描述 |
+| --- | --- |
+| -2100 | 进房时房间不存在，或许已被解散 |
+| -2101 | 需要进房后才可使用此功能 |
+| -2102 | 房主不支持退房操作，Conference（会议）房间类型: 可以先转让房主，再退房。LivingRoom（直播）房间类型: 房主只能解散房间 |
+| -2103 | 当前房间类型下不支持该操作 |
+| -2104 | 当前发言模式下不支持该操作 |
+| -2105 | 创建房间 ID 非法，自定义 ID 必须为可打印 ASCII 字符（0x20-0x7e），最长48个字节 |
+| -2106 | 房间 ID 已被使用，请选择别的房间 ID |
+| -2107 | 房间名称非法，名称最长30字节，字符编码必须是 UTF-8 ，如果包含中文 |
+| -2108 | 当前用户已在别的房间内，单个 roomEngine 实例只支持用户进入一个房间，如果要进入不同的房间请先退房或者使用新的 roomEngine 实例 |
+
+### 房间内用户信息 API 回调错误定义
+| 错误码 | 描述 |
+| --- | --- |
+| -2200 | 未找到该用户 |
+| -2201 | 房间内未找到该用户 |
+
+### 房间内用户发言管理 API 回调错误定义&房间内麦位管理 API 回调错误定义
+| 错误码 | 描述 |
+| --- | --- |
+| -2300 | 需要房主权限才能操作 |
+| -2301 | 需要房主或者管理员权限才能操作 |
+| -2310 | 信令请求无权限，比如取消非自己发起的邀请。 |
+| -2311 | 信令请求 ID 无效或已经被处理过。 |
+| -2340 | 最大麦位超出套餐包数量限制 |
+| -2341 | 当前用户已经在麦位上 |
+| -2342 | 当前麦位已经有人了 |
+| -2343 | 当前麦位被锁 |
+| -2344 | 麦位编号不存在 |
+| -2345 | 当前用户没有在麦上 |
+| -2346 | 上麦人数已满 |
+| -2360 | 当前麦位音频被锁 |
+| -2361 | 需要向房主或管理员申请后打开麦克风 |
+| -2370 | 当前麦位视频被锁, 需要由房主解锁麦位后，才能打开摄像头 |
+| -2371 | 需要向房主或管理员申请后打开摄像头 |
+| -2380 | 当前房间已开启全员禁言 |
+| -2381 | 当前房间内，您已被已禁言 |
+
+## 服务端错误码
+| 错误码 | 描述 |
+| --- | --- |
+| 83007 | 请求被限频 |
+| 84002 | 房间不存在 |
+| 84003 | 房间内人数已超出最大套餐包限制 |
+| 84004 | 房间不存在该用户 |
+| 84005 | 房间已存在 |
+| 84006 | 房主不能退房 |
+| 85001 | 麦位已满 |
+| 85002 | 麦位被锁定 |
+| 85003 | 用户已上麦 |
+| 85004 | 麦位被使用 |
+| 85005 | 麦位号不存在 |
+| 85006 | 麦位音频被锁定 |
+| 85007 | 麦位视频被锁定 |
+| 85008 | 非直播场景不能使用麦位 |
+| 87001 | 不允许修改成员身份或房间信息 |
+| 87002 | 权限不足，需要房主或管理员身份 |
+| 87003 | IM 群属性更新错误 |
+| 87005 | IM 群属性获取异常 |
+| 87006 | 权限不足，需要房主才可以操作 |
+| 87007 | 权限不足，需要管理员才可以操作 |
+| 87008 | 不允许销毁 IM 房间 |
+| 41001 | 创建 IM 群组错误 |
+| 41002 | 销毁 IM 群组错误 |
+| 41003 | 添加 IM 成员错误 |
+| 41004 | 删除 IM 成员错误 |
+| 41005 | IM 改变角色错误 |
+| 42001 | 预定会议错误 |
+| 42002 | 预定会议无效 |
+| 42003 | 预定会议必须是会议场景 |
+| 42004 | 预定会议未开始 |
+| 42005 | 预定会议已经开始 |
+| 42006 | 预定会议邀请成员太多，超出数量限制 |

package/resource/knowledge/roomkit/preset/android/integration.md

@@ -1,206 +1,5 @@
 TUIRoomKit 是腾讯云提供的一站式多人音视频房间解决方案，集成了完整的 UI 组件和核心功能。通过本文档，开发者可以快速了解如何将 TUIRoomKit 集成到项目中，实现多人音视频房间功能。本文还将详细介绍如何快速替换图片资源、本地化文案等个性化配置，帮助开发者打造符合品牌特色的音视频应用。
 
-<style>
-.vsdk-survey-card * {
-  box-sizing: border-box;
-}
-
-.vsdk-survey-card {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 20px;
-  padding: 18px 22px;
-  margin: 16px 0;
-  border-radius: 14px;
-  overflow: hidden;
-  background: linear-gradient(180deg, #FFFFFF 0%, #F8FBFF 100%);
-  border: 1px solid #D7E8FF;
-  box-shadow: 0 4px 16px rgba(0,110,255,.05);
-  transition: all .25s ease;
-}
-
-.vsdk-survey-card::before{
-  content:"";
-  position:absolute;
-  right:-60px;
-  top:-60px;
-  width:180px;
-  height:180px;
-  background:radial-gradient(circle,
-      rgba(0,110,255,.16) 0%,
-      rgba(0,110,255,.08) 45%,
-      transparent 75%);
-  pointer-events:none;
-}
-
-.vsdk-survey-card::after{
-  content:"";
-  position:absolute;
-  left:-40px;
-  bottom:-60px;
-  width:120px;
-  height:120px;
-  background:radial-gradient(circle,
-      rgba(76,169,255,.08),
-      transparent 70%);
-  pointer-events:none;
-}
-
-.vsdk-survey-card:hover{
-  border-color:#006EFF;
-  box-shadow:
-      0 10px 28px rgba(0,110,255,.10),
-      0 0 36px rgba(0,110,255,.08);
-  transform:translateY(-2px);
-}
-
-.vsdk-card-left{
-  display:flex;
-  align-items:center;
-  gap:14px;
-  flex:1;
-  min-width:0;
-  position:relative;
-  z-index:1;
-}
-
-.vsdk-ico{
-  width:46px;
-  height:46px;
-  flex:0 0 46px;
-  border-radius:12px;
-  background:linear-gradient(180deg,#EDF5FF,#DCEBFF);
-  display:flex;
-  align-items:center;
-  justify-content:center;
-  font-size:22px;
-  box-shadow:
-      inset 0 1px 0 rgba(255,255,255,.8),
-      0 6px 18px rgba(0,110,255,.12);
-}
-
-.vsdk-text{
-  min-width:0;
-}
-
-.vsdk-title{
-  display:flex;
-  align-items:center;
-  gap:8px;
-  flex-wrap:wrap;
-  font-size:18px;
-  font-weight:600;
-  color:#1F2329;
-  line-height:1.4;
-}
-
-.vsdk-badge{
-  padding:2px 8px;
-  border-radius:999px;
-  background:#EAF3FF;
-  color:#006EFF;
-  font-size:11px;
-  font-weight:600;
-}
-
-.vsdk-desc{
-  margin-top:6px;
-  font-size:13px;
-  line-height:1.7;
-  color:#4E5969;
-}
-
-.vsdk-card-right{
-  flex-shrink:0;
-  position:relative;
-  z-index:1;
-}
-
-.vsdk-cta{
-  display:inline-flex;
-  align-items:center;
-  justify-content:center;
-  min-width:112px;
-  height:40px;
-  padding:0 22px;
-  border-radius:8px;
-  background:#006EFF;
-  color:#FFFFFF;
-  text-decoration:none;
-  font-size:14px;
-  font-weight:600;
-  box-shadow:0 8px 20px rgba(0,110,255,.25);
-  transition:all .2s ease;
-}
-
-.vsdk-cta:hover{
-  background:#0052D9;
-  box-shadow:0 10px 24px rgba(0,110,255,.35);
-}
-
-@media (max-width:768px){
-
-.vsdk-survey-card{
-    flex-direction:column;
-    align-items:flex-start;
-}
-
-.vsdk-card-left{
-    width:100%;
-    align-items:flex-start;
-}
-
-.vsdk-title{
-    font-size:16px;
-}
-
-.vsdk-desc{
-    font-size:12px;
-}
-
-.vsdk-card-right{
-    width:100%;
-    margin-top:14px;
-}
-
-.vsdk-cta{
-    width:100%;
-}
-
-}
-</style>
-
-<div class="vsdk-survey-card">
-
-<div class="vsdk-card-left">
-
-<div class="vsdk-ico">💡</div>
-
-<div class="vsdk-text">
-
-<div class="vsdk-title">
-有接入卡点？30 秒反馈
-<span class="vsdk-badge">全部选填</span>
-</div>
-
-<div class="vsdk-desc">
-正在了解或评估视频会议 SDK？UI、功能、文档或套餐开通如有卡点，欢迎填写反馈。
-</div>
-
-</div>
-
-</div>
-
-<div class="vsdk-card-right">
-<a class="vsdk-cta" href="https://wj.qq.com/s2/27395009/ac34/" target="_blank">
-填写反馈
-</a>
-</div>
-
-</div>
-
 ## 前提条件
 
 ### 开通服务
@@ -223,7 +22,7 @@ TUIRoomKit 是腾讯云提供的一站式多人音视频房间解决方案，集
 
 ### **步骤1：下载 TUIRoomKit 组件**
 
-在 [GitHub](https://github.com/Tencent-RTC/TUIKit_Android) 中克隆/下载代码，然后将 `room` 子目录和 `atomic_x` 子目录拷贝到您当前 `Android` 项目的 `app` 文件夹同级目录中。
+在 [GitHub](https://github.com/Tencent-RTC/TUIKit_Android) 或者 [CNB](https://cnb.cool/tencent/cloud/trtc/TUIKit_Android) 中克隆/下载代码，然后将 `room` 子目录和 `atomic_x` 子目录拷贝到您当前 `Android` 项目的 `app` 文件夹同级目录中。
 
 ### 步骤2：工程配置
 

package/resource/knowledge/roomkit/preset/flutter/integration.md

@@ -35,9 +35,9 @@ flutter pub get
 ### 步骤2：工程配置
 - 使用 **Xcode** 打开您的工程，选择**项目** > **Build Settings** > **Deployment**，将其下的 **Strip Style** 设置为 `Non-Global Symbols`，以保留所需要的全局符号信息。
 
-- 若您需要在 **iOS** 端使用音视频功能，需要授权麦克风和摄像头的使用权限（`Android`端已在 SDK 中声明相关权限，您无需手动进行相关配置）。
+- 若您需要在 **iOS** 端使用音视频功能，需要授权麦克风和摄像头的使用权限（`Android` 端已在 SDK 中声明相关权限，您无需手动进行相关配置）。
 
-   在您 App 的`Info.plist`（路径：`ios/Runner/Info.plist`）中添加以下两项，分别对应麦克风和摄像头在系统弹出授权对话框时的提示信息。
+   在您 App 的 `Info.plist`（路径：`ios/Runner/Info.plist`）中添加以下两项，分别对应麦克风和摄像头在系统弹出授权对话框时的提示信息。
 
    ``` xml
    <key>NSCameraUsageDescription</key>
@@ -152,7 +152,7 @@ if (result.isSuccess) {
 }
 ```
 
-**setSelfInfo接口参数/返回值说明：**
+**setSelfInfo 接口参数/返回值说明：**
 | 参数/返回值 | 类型 | 说明 |
 | --- | --- | --- |
 | <code>userProfile</code> | <code>UserProfile</code> | 个人用户信息核心模型，包含：<br>- userID：要设置用户信息的用户 ID。<br>- nickname：昵称信息。<br>- avatarURL：头像链接。 |
@@ -173,7 +173,7 @@ if (result.isSuccess) {
 
    > **说明：**
    >
-   > 移动端仅支持创建标准房间，如您需要创建大型研讨会房间，请参考 Web 快速接入 使用Web端创建。
+   > 移动端仅支持创建标准房间，如您需要创建大型研讨会房间，请参考 Web 快速接入 使用 Web 端创建。
    >
 
 #### **示例代码：**
@@ -230,7 +230,7 @@ class YourMainPage extends StatelessWidget {
 | 参数 | 类型 | 说明 |
 | --- | --- | --- |
 | <code>roomID</code> | <code>String</code> | - 字符串类型的房间唯一标识符。<br>- 限制长度为 0-48 字节。<br>- 建议仅包含数字、英文字母（区分大小写）、下划线（_）和连字符（-）。避免使用空格和中文字符。 |
-| <code>behavior</code> | <code>RoomBehavior</code> | - 房间主页面初始化来源。<br>- 参数含义：<br>- create: 房主身份创建房间，此方式需要构造创建房间配置项，关于CreateRoomOptions的详细用法。<br>- enter：参与者身份加入房间。 |
+| <code>behavior</code> | <code>RoomBehavior</code> | - 房间主页面初始化来源。<br>- 参数含义：<br>- create: 房主身份创建房间，此方式需要构造创建房间配置项，关于 CreateRoomOptions 的详细用法。<br>- enter：参与者身份加入房间。 |
 | <code>config</code> | <code>ConnectConfig</code> | 进房后音视频设备控制的配置项。 |
 
 **ConnectConfig 参数详细说明：**
@@ -242,7 +242,7 @@ class YourMainPage extends StatelessWidget {
 
 ### 步骤7：加入房间
 
-以下示例将向开发者演示如何以参与者身份将`RoomMainWidget`嵌入到应用中。
+以下示例将向开发者演示如何以参与者身份将 `RoomMainWidget` 嵌入到应用中。
 
 #### **实现方式：**
 1. **构造进房的配置项**：进入房间后是否需要自动打开音视频设备的配置项。
@@ -299,12 +299,12 @@ class YourMainPage extends StatelessWidget {
 **参数详细说明请参考：**[RoomMainWidget 构造函数参数详细说明]( 构造函数参数详细说明) 和 [ConnectConfig 参数详细说明]( 参数详细说明)
 
 > **说明：**
-> 使用TUIRoomKit组件进入大型研讨会房间时，需确保Web端创建的研讨会房间的房间ID以 `webinar_` 开头。
+> 使用 TUIRoomKit 组件进入大型研讨会房间时，需确保 Web 端创建的研讨会房间的房间 ID 以 `webinar_` 开头。
 >
 
 ## 核心功能
 
-接入`RoomMainWidget`代码后，开发者将得到一个完整的多人音视频页面，内部包含成员管理，音视频设备控制，房间信息展示等功能，这是 `TUIRoomKit` 组件的核心。
+接入 `RoomMainWidget` 代码后，开发者将得到一个完整的多人音视频页面，内部包含成员管理，音视频设备控制，房间信息展示等功能，这是 `TUIRoomKit` 组件的核心。
 
 ## 界面定制
 
@@ -331,9 +331,9 @@ class YourMainPage extends StatelessWidget {
 > `      ref: your-branch`
 > `      path: room`
 
-`RoomMainWidget`房间主页面内功能丰富，可定制化度高，开发者可以根据实际产品需求，对 UI 进行定制化修改，以适配业务交互场景。以下将详细为开发者展示`RoomMainWidget`页面中视图组件，便于开发者快速修改。
+`RoomMainWidget` 房间主页面内功能丰富，可定制化度高，开发者可以根据实际产品需求，对 UI 进行定制化修改，以适配业务交互场景。以下将详细为开发者展示 `RoomMainWidget` 页面中视图组件，便于开发者快速修改。
 
-`RoomMainWidget`**中组件详细说明**
+`RoomMainWidget` **中组件详细说明**
 
 |组件|功能描述|定制化建议|
 |---------|---------|---------|
@@ -372,13 +372,13 @@ TUIRoomKit 使用 Flutter 标准的 ARB 文件来管理 UI 所需的文案显示
 
 `LoginStore.shared.logout` 与自己的登录业务关联。
 
-### iOS在release下运行/打包后无法进房？
+### iOS 在 release 下运行/打包后无法进房？
 
 使用 Xcode 打开您的工程，选择项目 > Build Settings > Deployment，将其下的 Strip Style 设置为 `Non-Global Symbols`，以保留所需要的全局符号信息。
 
-### pubspec.yaml文件有没有示例配置可以参考？
+### pubspec.yaml 文件有没有示例配置可以参考？
 
-您可以参考 [GitHub TUIKit_Flutter Example](https://github.com/Tencent-RTC/TUIKit_Flutter/tree/main/application) 工程 `pubspec.yaml` 示例文件。
+您可以参考 [GitHub TUIKit_Flutter Example](https://github.com/Tencent-RTC/TUIKit_Flutter/tree/main/application) 或者 [CNB TUIKit_Flutter Example](https://cnb.cool/tencent/cloud/trtc/TUIKit_Flutter/-/tree/main/application) 工程 `pubspec.yaml` 示例文件。
 
 ### 进房后无画面？