@tencentcloud/sdk-mcp 1.4.7 → 1.6.0-beta.1

package/resource/{doc/roomkit → knowledge/roomkit/preset}/flutter/integration.md

@@ -13,11 +13,12 @@ TUIRoomKit 是腾讯云提供的一站式多人音视频房间解决方案，集
 - **SDKSecretKey**：应用密钥，用于初始化配置文件的密钥信息。
 
 ### 环境准备
-| 平台 | 版本 |
-| --- | --- |
-| Flutter | 3.29.3 及以上版本。 |
-| Android | 最低兼容 Android 5.0 （SDK API Level 21）及以上版本。 |
-| iOS | iOS 14.0 及更高。 |
+
+|平台|版本|
+|---------|---------|
+|Flutter|3.29.3 及以上版本。|
+|Android|最低兼容 Android 5.0 （SDK API Level 21）及以上版本。|
+|iOS|iOS 14.0 及更高。|
 
 ## 快速接入
 
@@ -135,9 +136,9 @@ if (loginResult.isSuccess) {
 **登录接口参数说明：**
 | 参数 | 类型 | 说明 |
 | --- | --- | --- |
-| `sdkAppID` | `int` | 从 [控制台](https://console.cloud.tencent.com/trtc) 获取，通常是以 `140` 或 `160` 开头的 10 位整数。 |
-| `userID` | `String` | 当前用户的唯一 ID，仅包含英文字母、数字、连字符和下划线。为避免多端登录冲突，**请勿使用**`1`、`123`**等简单 ID**。 |
-| `userSig` | `String` | 用于腾讯云鉴权的票据。更多信息请参见 如何计算及使用 UserSig。<br>【注意事项】<br>- 开发环境：可以采用本地 `GenerateTestUserSig.genTestSig` 函数生成 userSig 或者通过 [UserSig 辅助工具](https://console.cloud.tencent.com/im/tool-usersig) 生成临时的 userSig。<br>- 生产环境：为了防止密钥泄露，请务必采用服务端生成 userSig 的方式。详细信息请参考 服务端生成 UserSig。 |
+| <code>sdkAppID</code> | <code>int</code> | 从 <a href="https://console.cloud.tencent.com/trtc">控制台</a> 获取，通常是以 <code>140</code> 或 <code>160</code> 开头的 10 位整数。 |
+| <code>userID</code> | <code>String</code> | 当前用户的唯一 ID，仅包含英文字母、数字、连字符和下划线。为避免多端登录冲突，<strong>请勿使用</strong><code>1</code>、<code>123</code><strong>等简单 ID</strong>。 |
+| <code>userSig</code> | <code>String</code> | 用于腾讯云鉴权的票据。更多信息请参见 如何计算及使用 UserSig。<br>【注意事项】<br>- 开发环境：可以采用本地 <code>GenerateTestUserSig.genTestSig</code> 函数生成 userSig 或者通过 <a href="https://console.cloud.tencent.com/im/tool-usersig">UserSig 辅助工具</a> 生成临时的 userSig。<br>- 生产环境：为了防止密钥泄露，请务必采用服务端生成 userSig 的方式。详细信息请参考 服务端生成 UserSig。 |
 
 ### 步骤5：设置头像和昵称
 
@@ -159,8 +160,8 @@ if (result.isSuccess) {
 **setSelfInfo接口参数/返回值说明：**
 | 参数/返回值 | 类型 | 说明 |
 | --- | --- | --- |
-| `userProfile` | `UserProfile` | 个人用户信息核心模型，包含：<br>- userID：要设置用户信息的用户 ID。<br>- nickname：昵称信息。<br>- avatarURL：头像链接。 |
-| 返回值 | `Future<CompletionHandler>` | 设置个人信息接口的结果回调。若失败会返回错误码和错误信息。 |
+| <code>userProfile</code> | <code>UserProfile</code> | 个人用户信息核心模型，包含：<br>- userID：要设置用户信息的用户 ID。<br>- nickname：昵称信息。<br>- avatarURL：头像链接。 |
+| 返回值 | <code>Future<CompletionHandler></code> | 设置个人信息接口的结果回调。若失败会返回错误码和错误信息。 |
 
 ### 步骤6：创建房间
 
@@ -234,16 +235,16 @@ class YourMainPage extends StatelessWidget {
 **RoomMainWidget 构造函数参数详细说明：**
 | 参数 | 类型 | 说明 |
 | --- | --- | --- |
-| `roomID` | `String` | - 字符串类型的房间唯一标识符。<br>- 限制长度为 0-48 字节。<br>- 建议仅包含数字、英文字母（区分大小写）、下划线（_）和连字符（-）。避免使用空格和中文字符。 |
-| `behavior` | `RoomBehavior` | - 房间主页面初始化来源。<br>- 参数含义：<br>- create: 房主身份创建房间，此方式需要构造创建房间配置项，关于CreateRoomOptions的详细用法请参考：CreateRoomOptions 结构体详细说明。<br>- enter：参与者身份加入房间。 |
-| `config` | `ConnectConfig` | 进房后音视频设备控制的配置项。 |
+| <code>roomID</code> | <code>String</code> | - 字符串类型的房间唯一标识符。<br>- 限制长度为 0-48 字节。<br>- 建议仅包含数字、英文字母（区分大小写）、下划线（_）和连字符（-）。避免使用空格和中文字符。 |
+| <code>behavior</code> | <code>RoomBehavior</code> | - 房间主页面初始化来源。<br>- 参数含义：<br>- create: 房主身份创建房间，此方式需要构造创建房间配置项，关于CreateRoomOptions的详细用法请参考：CreateRoomOptions 结构体详细说明。<br>- enter：参与者身份加入房间。 |
+| <code>config</code> | <code>ConnectConfig</code> | 进房后音视频设备控制的配置项。 |
 
 **ConnectConfig 参数详细说明****：**
 | 参数 | 类型 | 说明 |
 | --- | --- | --- |
-| autoEnableMicrophone | `bool` | - 进房后是否自动开启麦克风。<br>- 参数含义：<br>- true: 自动开启 （默认值）。<br>- false: 不自动开启。 |
-| autoEnableCamera | `bool` | - 进房后是否自动开启摄像头。<br>- 参数含义：<br>- true: 自动开启 （默认值）。<br>- false: 不自动开启。 |
-| autoEnableSpeaker | `bool` | - 进房后是否自动开启扬声器。<br>- 参数含义：<br>- true: 自动开启 （默认值）。<br>- false: 不自动开启。 |
+| autoEnableMicrophone | <code>bool</code> | - 进房后是否自动开启麦克风。<br>- 参数含义：<br>- true: 自动开启 （默认值）。<br>- false: 不自动开启。 |
+| autoEnableCamera | <code>bool</code> | - 进房后是否自动开启摄像头。<br>- 参数含义：<br>- true: 自动开启 （默认值）。<br>- false: 不自动开启。 |
+| autoEnableSpeaker | <code>bool</code> | - 进房后是否自动开启扬声器。<br>- 参数含义：<br>- true: 自动开启 （默认值）。<br>- false: 不自动开启。 |
 
 ### 步骤7：加入房间
 
@@ -353,13 +354,14 @@ class YourMainPage extends StatelessWidget {
 |  |  |
 
 `RoomMainWidget`**中组件详细说明**
-| 组件 | 功能描述 | 定制化建议 |
-| --- | --- | --- |
-| [RoomMainWidget](https://github.com/Tencent-RTC/TUIKit_Flutter/blob/main/room/lib/widget/room_main_widget.dart) | 房间主视图容器，负责协调各子组件的布局与数据流转。 | 可调整整体背景、安全区域适配、组件显隐逻辑。 |
-| [RoomTopBarWidget](https://github.com/Tencent-RTC/TUIKit_Flutter/blob/main/room/lib/widget/main/room_top_bar_widget.dart) | 顶部导航栏，包含房间信息、摄像头和声音控制、退出房间功能入口。 | 可替换图标、调整背景透明度、添加自定义按钮（如录制、 窗口化）。 |
-| [RoomWidget](https://github.com/Tencent-RTC/TUIKit_Flutter/blob/main/room/lib/widget/main/room_widget.dart) | 视频流展示区域，采用瀑布流布局管理多个用户视频画面。 | 可修改布局算法（行列数、间距）、分页指示器样式、空状态视图。 |
-| [ParticipantVideoItemWidget](https://github.com/Tencent-RTC/TUIKit_Flutter/blob/main/room/lib/widget/main/room_widget/participant_video_item_widget.dart) | 单个视频流单元格，承载用户视频画面与基本信息。 | 可自定义视频渲染层、用户信息面板（头像、徽章）、互动控件（语音波形）。 |
-| [RoomBottomBarWidget](https://github.com/Tencent-RTC/TUIKit_Flutter/blob/main/room/lib/widget/main/room_bottom_bar_widget.dart) | 底部工具栏，集成麦克风、摄像头、成员管理操作按钮。 | 可重新排列按钮顺序、修改按钮样式（颜色、尺寸）、添加业务相关功能（如屏幕分享、会中呼叫、美颜）。 |
+
+|组件|功能描述|定制化建议|
+|---------|---------|---------|
+|[RoomMainWidget](https://github.com/Tencent-RTC/TUIKit_Flutter/blob/main/room/lib/widget/room_main_widget.dart)|房间主视图容器，负责协调各子组件的布局与数据流转。|可调整整体背景、安全区域适配、组件显隐逻辑。|
+|[RoomTopBarWidget](https://github.com/Tencent-RTC/TUIKit_Flutter/blob/main/room/lib/widget/main/room_top_bar_widget.dart)|顶部导航栏，包含房间信息、摄像头和声音控制、退出房间功能入口。|可替换图标、调整背景透明度、添加自定义按钮（如录制、 窗口化）。|
+|[RoomWidget](https://github.com/Tencent-RTC/TUIKit_Flutter/blob/main/room/lib/widget/main/room_widget.dart)|视频流展示区域，采用瀑布流布局管理多个用户视频画面。|可修改布局算法（行列数、间距）、分页指示器样式、空状态视图。|
+|[ParticipantVideoItemWidget](https://github.com/Tencent-RTC/TUIKit_Flutter/blob/main/room/lib/widget/main/room_widget/participant_video_item_widget.dart)|单个视频流单元格，承载用户视频画面与基本信息。|可自定义视频渲染层、用户信息面板（头像、徽章）、互动控件（语音波形）。|
+|[RoomBottomBarWidget](https://github.com/Tencent-RTC/TUIKit_Flutter/blob/main/room/lib/widget/main/room_bottom_bar_widget.dart)|底部工具栏，集成麦克风、摄像头、成员管理操作按钮。|可重新排列按钮顺序、修改按钮样式（颜色、尺寸）、添加业务相关功能（如屏幕分享、会中呼叫、美颜）。|
 
 ## 图标定制
 
@@ -368,14 +370,15 @@ class YourMainPage extends StatelessWidget {
 TUIRoomKit 使用 `assets/images/` 目录管理 UI 所需的图片资源，您可以直接替换该目录下的图片文件来自定义界面所需的图标。
 
 **常用的图片文件列表**
-| 图标 | 文件名 | 说明 |
-| --- | --- | --- |
-|  | room_camera_off.png | 摄像头关闭图标 |
-|  | room_camera_on.png | 摄像头开启图标 |
-|  | room_mic_off.png | 麦克风关闭图标 |
-|  | room_mic_on_empty.png | 麦克风开启图标 |
-|  | room_administrator_icon.png | 管理员身份标识图标 |
-|  | room_owner_icon.png | 房主身份标识图标 |
+
+|图标|文件名|说明|
+|---------|---------|---------|
+||room_camera_off.png|摄像头关闭图标|
+||room_camera_on.png|摄像头开启图标|
+||room_mic_off.png|麦克风关闭图标|
+||room_mic_on_empty.png|麦克风开启图标|
+||room_administrator_icon.png|管理员身份标识图标|
+||room_owner_icon.png|房主身份标识图标|
 
 ## 文案定制
 

package/resource/{doc/roomkit → knowledge/roomkit/preset}/ios/integration.md

@@ -1,7 +1,8 @@
 TUIRoomKit 是腾讯云提供的一站式多人音视频房间解决方案，集成了完整的 UI 组件和核心功能。通过本文档，开发者可以快速了解如何将 TUIRoomKit 集成到项目中，实现多人音视频房间功能。本文还将详细介绍如何快速替换图片资源、本地化文案等个性化配置，帮助开发者打造符合品牌特色的音视频应用。
-| 房间准备页 | 标准房间主页 | 大型研讨会房间主页 | 成员管理 |
-| --- | --- | --- | --- |
-|  |  |  |  |
+
+|房间准备页|标准房间主页|成员管理|
+|---------|---------|---------|
+||||
 
 ## 前提条件
 
@@ -19,7 +20,7 @@ TUIRoomKit 是腾讯云提供的一站式多人音视频房间解决方案，集
 
 - **iOS 系统**：支持 **iOS 13.0 **或更高版本的设备。
 
-- **CocoaPods 环境**：已安装 CocoaPods 环境。如果您尚未安装，请参见 [CocoaPods官网安装](https://guides.cocoapods.org/using/getting-started.html)，或按以下步骤操作：
+- **CocoaPods 环境**：已安装 CocoaPods 环境。如果您尚未安装，请参见 [CocoaPods 官网安装](https://guides.cocoapods.org/using/getting-started.html)，或按以下步骤操作：
 
   - **使用 gem 安装 CocoaPods**：在终端中执行 `sudo gem install cocoapods` 命令进行安装。
 
@@ -117,9 +118,9 @@ func application(_ application: UIApplication, didFinishLaunchingWithOptions lau
 **登录接口参数说明：**
 | 参数 | 类型 | 说明 |
 | --- | --- | --- |
-| `sdkAppID` | `Int32` | 从 [控制台](https://console.cloud.tencent.com/trtc) 获取，通常是以 `140` 或 `160` 开头的 10 位整数。 |
-| `userID` | `String` | 当前用户的唯一 ID，仅包含英文字母、数字、连字符和下划线。为避免多端登录冲突，**请勿使用**`1`、`123`**等简单 ID**。 |
-| `userSig` | `String` | 用于腾讯云鉴权的票据。更多信息请参见 如何计算及使用 UserSig。<br>**注意：**<br>- 开发环境：可以采用本地 `GenerateTestUserSig.genTestSig` 函数生成 userSig 或者通过 [UserSig 辅助工具](https://console.cloud.tencent.com/im/tool-usersig) 生成临时的 userSig。<br>- 生产环境：为了防止密钥泄露，请务必采用服务端生成 userSig 的方式。详细信息请参考 服务端生成 UserSig。 |
+| <code>sdkAppID</code> | <code>Int32</code> | 从 <a href="https://console.cloud.tencent.com/trtc">控制台</a> 获取，通常是以 <code>140</code> 或 <code>160</code> 开头的 10 位整数。 |
+| <code>userID</code> | <code>String</code> | 当前用户的唯一 ID，仅包含英文字母、数字、连字符和下划线。为避免多端登录冲突，<strong>请勿使用</strong><code>1</code>、<code>123</code><strong>等简单 ID</strong>。 |
+| <code>userSig</code> | <code>String</code> | 用于腾讯云鉴权的票据。更多信息请参见 如何计算及使用 UserSig。<br><strong>注意：</strong><br>- 开发环境：可以采用本地 <code>GenerateTestUserSig.genTestSig</code> 函数生成 userSig 或者通过 <a href="https://console.cloud.tencent.com/im/tool-usersig">UserSig 辅助工具</a> 生成临时的 userSig。<br>- 生产环境：为了防止密钥泄露，请务必采用服务端生成 userSig 的方式。详细信息请参考 服务端生成 UserSig。 |
 
 ### 步骤4：设置头像和昵称
 
@@ -142,18 +143,18 @@ func setSelfInfo() {
 }
 ```
 
-**setSelfInfo接口参数说明：**
+**setSelfInfo 接口参数说明：**
 | 参数 | 类型 | 必填 | 说明 |
 | --- | --- | --- | --- |
-| `userProfile` | `UserProfile` | 是 | 个人用户信息核心模型，包含：<br>- userID：要设置用户信息的用户 ID。<br>- nickname：昵称信息。<br>- avatarURL：头像链接。 |
-| `completion` | `CompletionClosure` | 否 | 设置个人信息接口的结果回调。若失败会返回错误码和错误信息。 |
+| <code>userProfile</code> | <code>UserProfile</code> | 是 | 个人用户信息核心模型，包含：<br>- userID：要设置用户信息的用户 ID。<br>- nickname：昵称信息。<br>- avatarURL：头像链接。 |
+| <code>completion</code> | <code>CompletionClosure</code> | 否 | 设置个人信息接口的结果回调。若失败会返回错误码和错误信息。 |
 
 ### 步骤5：创建房间
 
 在 `TUIRoomKit` 组件中，`RoomMainView` 是集成了完整的多人音视频房间功能的核心界面，以下将向开发者演示如何以房主身份将 `RoomMainView` 嵌入到应用中。
 
 #### **实现方式：**
-1. **遵守路由导航协议**：`TUIRoomKit` 内部使用 `RouterContext` 协议管理页面间的路由跳转。宿主视图控制器需要声明遵循该协议，以确保组件内部的导航操作（如结束房间、返回上一页）能够正确执行。
+1. **遵守路由导航协议**：`TUIRoomKit` 内部使用 `RouterContext` 协议管理页面间的路由跳转。宿主视图控制器需要声明遵循该协议，以确保组件内部的导航操作（例如结束房间、返回上一页）能够正确执行。
 
 2. **懒加载创建视图页面**：在控制器内部以懒加载方式实例化 `RoomMainView`，并为其设置 `routerContext` 属性。该属性使得视图能够通过协议方法调用宿主控制器的导航功能。
 
@@ -165,8 +166,9 @@ func setSelfInfo() {
 
    > **说明：**
    >
->   - `TUIRoomKit` 的内部页面跳转机制基于 `UINavigationController` 的标准导航方法（push/pop）实现。为确保页面路由功能正常工作，开发者的视图控制器必须作为 `UINavigationController` 的根视图控制器或位于其导航栈内。若未将控制器包装至 `UINavigationController` 中，SDK 内部的跳转操作将因缺少有效的导航上下文而失效，导致页面无法正常切换。
->   - 移动端仅支持创建标准房间，如果您需要创建大型研讨会房间，请参考 Web 快速接入 使用 Web 端创建。
+
+   > `TUIRoomKit` 的内部页面跳转机制基于 `UINavigationController` 的标准导航方法（push/pop）实现。为确保页面路由功能正常工作，开发者的视图控制器必须作为 `UINavigationController` 的根视图控制器或位于其导航栈内。若未将控制器包装至 `UINavigationController` 中，SDK 内部的跳转操作将因缺少有效的导航上下文而失效，导致页面无法正常切换。
+   >
 
 #### **示例代码：**
 ``` swift
@@ -211,23 +213,23 @@ class YourMainViewController: UIViewController, RouterContext {
 **RoomMainView 构造函数参数详细说明：**
 | 参数 | 类型 | 说明 |
 | --- | --- | --- |
-| `roomID` | `String` | - 字符串类型的房间唯一标识符。<br>- 限制长度为 0-48 字节。<br>- 建议仅包含数字、英文字母（区分大小写）、下划线（_）和连字符（-）。避免使用空格和中文字符。 |
-| `behavior` | `RoomBehavior` | 房间主页面初始化来源。<br>- create：房主身份创建房间的方式需要构造创建房间配置项。<br>- 关于 `CreateRoomOptions` 的详细用法请参考：CreateRoomOptions 结构体详细说明。<br>- join：参与者身份加入房间。 |
-| `config` | `ConnectConfig` | 进房后音视频设备控制的配置项。 |
+| <code>roomID</code> | <code>String</code> | - 字符串类型的房间唯一标识符。<br>- 限制长度为 0-48 字节。<br>- 建议仅包含数字、英文字母（区分大小写）、下划线（_）和连字符（-）。避免使用空格和中文字符。 |
+| <code>behavior</code> | <code>RoomBehavior</code> | 房间主页面初始化来源。<br>- create：房主身份创建房间的方式需要构造创建房间配置项。<br>- 关于 <code>CreateRoomOptions</code> 的详细用法请参考：CreateRoomOptions 结构体详细说明。<br>- join：参与者身份加入房间。 |
+| <code>config</code> | <code>ConnectConfig</code> | 进房后音视频设备控制的配置项。 |
 
 **ConnectConfig 参数详细说明****：**
 | 参数 | 类型 | 说明 |
 | --- | --- | --- |
-| autoEnableMicrophone | `Bool` | 进房后是否自动开启麦克风。<br>- true：自动开启 （默认值）。<br>- false：不自动开启。 |
-| autoEnableCamera | `Bool` | 进房后是否自动开启摄像头。<br>- true：自动开启 （默认值）。<br>- false：不自动开启。 |
-| autoEnableSpeaker | `Bool` | 进房后是否自动开启扬声器。<br>- true：自动开启 （默认值）。<br>- false：不自动开启。 |
+| autoEnableMicrophone | <code>Bool</code> | 进房后是否自动开启麦克风。<br>- true：自动开启 （默认值）。<br>- false：不自动开启。 |
+| autoEnableCamera | <code>Bool</code> | 进房后是否自动开启摄像头。<br>- true：自动开启 （默认值）。<br>- false：不自动开启。 |
+| autoEnableSpeaker | <code>Bool</code> | 进房后是否自动开启扬声器。<br>- true：自动开启 （默认值）。<br>- false：不自动开启。 |
 
 ### 步骤6：加入房间
 
-以下示例将向开发者演示如何以参与者身份将`RoomMainView`嵌入到应用中。
+以下示例将向开发者演示如何以参与者身份将 `RoomMainView` 嵌入到应用中。
 
 #### **实现方式：**
-1. **遵守路由导航协议**：`TUIRoomKit` 内部使用 `RouterContext` 协议管理页面间的路由跳转。宿主视图控制器需要声明遵循该协议，以确保组件内部的导航操作（如结束房间、返回上一页）能够正确执行。
+1. **遵守路由导航协议**：`TUIRoomKit` 内部使用 `RouterContext` 协议管理页面间的路由跳转。宿主视图控制器需要声明遵循该协议，以确保组件内部的导航操作（例如结束房间、返回上一页）能够正确执行。
 
 2. **懒加载创建视图页面**：在控制器内部以懒加载方式实例化 `RoomMainView`，并为其设置 `routerContext` 属性。该属性使得视图能够通过协议方法调用宿主控制器的导航功能。
 
@@ -278,25 +280,16 @@ class YourMainViewController: UIViewController, RouterContext {
 
 [RoomMainView 构造函数参数详细说明]( 构造函数参数详细说明)和 [ConnectConfig 参数详细说明]( 参数详细说明)
 
-> **说明：**
->
-
-> 使用 **TUIRoomKit** 组件进入大型研讨会房间时，需确保Web端创建的研讨会房间的房间ID以 `webinar_` 开头。
->
-
 ## 核心功能
 
-接入`RoomMainView`代码后，开发者将得到一个完整的多人音视频页面，内部包含成员管理，音视频设备控制，房间信息展示等功能，这是 `TUIRoomKit` 组件的核心。
-| 标准房间 | 大型研讨会房间 |
-| --- | --- |
-|  |  |
+接入 `RoomMainView` 代码后，开发者将得到一个完整的多人音视频页面，内部包含成员管理，音视频设备控制，房间信息展示等功能，这是 `TUIRoomKit` 组件的核心。
 
 ## 界面定制
 
 > **注意：**
 >
 
-> 界面定制、图标定制、文案定制这部分章节内容，涉及到需要修改`TUIRoomKit` 组件源码，通过 **CocoaPods** 依赖管理器集成`TUIRoomKit`将被视为“不可变”的依赖项。每次执行 pod install 时，**CocoaPods** 会：
+> 界面定制、图标定制、文案定制这部分章节内容，涉及到需要修改 `TUIRoomKit` 组件源码，通过 **CocoaPods** 依赖管理器集成 `TUIRoomKit` 将被视为“不可变”的依赖项。每次执行 pod install 时，**CocoaPods** 会：
 >
 > - 检查 Podfile.lock 中记录的版本号。
 > - 从远程仓库重新下载对应版本的源码。
@@ -312,39 +305,38 @@ class YourMainViewController: UIViewController, RouterContext {
 > - 修改 Podfile，指向自定义仓库和分支。
 > `pod 'TUIRoomKit', :git => 'https://github.com/your-username/TUIRoomKit.git', :branch => 'your-branch'`
 
-`RoomMainView`房间主页面内功能丰富，可定制化度高，开发者可以根据实际产品需求，对 UI 进行定制化修改，以适配业务交互场景。以下将详细为开发者展示`RoomMainView`页面中视图组件，便于开发者快速修改。
-| 标准房间 | 大型研讨会房间 |
-| --- | --- |
-|  |  |
+`RoomMainView` 房间主页面内功能丰富，可定制化度高，开发者可以根据实际产品需求，对 UI 进行定制化修改，以适配业务交互场景。以下将详细为开发者展示 `RoomMainView` 页面中视图组件，便于开发者快速修改。
 
 `RoomMainView`**中的组件详细说明**
-| 组件 | 功能描述 | 定制化建议 |
-| --- | --- | --- |
-| [RoomMainView](https://github.com/Tencent-RTC/TUIKit_iOS/blob/main/room/Source/View/RoomMainView.swift) | 房间主视图容器，负责协调各子组件的布局与数据流转。 | 可调整整体背景、安全区域适配、组件显隐逻辑。 |
-| [RoomTopBarView](https://github.com/Tencent-RTC/TUIKit_iOS/blob/main/room/Source/View/Main/RoomTopBarView.swift) | 顶部导航栏，包含房间信息、摄像头和声音控制、退出房间功能入口。 | 可替换图标、调整背景透明度、添加自定义按钮（例如录制、 窗口化）。 |
-| [RoomView](https://github.com/Tencent-RTC/TUIKit_iOS/blob/main/room/Source/View/Main/RoomView.swift) | 视频流展示区域，采用瀑布流布局管理多个用户视频画面。 | 可修改布局算法（行列数、间距）、分页指示器样式、空状态视图。 |
-| [RoomViewVideoStreamCell](https://github.com/Tencent-RTC/TUIKit_iOS/blob/main/room/Source/View/Main/RoomView/RoomViewCell.swift) | 单个视频流单元格，承载用户视频画面与基本信息。 | 可自定义视频渲染层、用户信息面板（头像、徽章）、互动控件（语音波形）。 |
-| [RoomBottomBarView](https://github.com/Tencent-RTC/TUIKit_iOS/blob/main/room/Source/View/Main/RoomBottomBarView.swift) | 底部工具栏，集成麦克风、摄像头、成员管理操作按钮。 | 可重新排列按钮顺序、修改按钮样式（颜色、尺寸）、添加业务相关功能（例如屏幕分享、会中呼叫、美颜）。 |
+
+|组件|功能描述|定制化建议|
+|---------|---------|---------|
+|[RoomMainView](https://github.com/Tencent-RTC/TUIKit_iOS/blob/main/room/Source/View/RoomMainView.swift)|房间主视图容器，负责协调各子组件的布局与数据流转。|可调整整体背景、安全区域适配、组件显隐逻辑。|
+|[RoomTopBarView](https://github.com/Tencent-RTC/TUIKit_iOS/blob/main/room/Source/View/Main/RoomTopBarView.swift)|顶部导航栏，包含房间信息、摄像头和声音控制、退出房间功能入口。|可替换图标、调整背景透明度、添加自定义按钮（例如录制、 窗口化）。|
+|[RoomView](https://github.com/Tencent-RTC/TUIKit_iOS/blob/main/room/Source/View/Main/RoomView.swift)|视频流展示区域，采用瀑布流布局管理多个用户视频画面。|可修改布局算法（行列数、间距）、分页指示器样式、空状态视图。|
+|[RoomViewVideoStreamCell](https://github.com/Tencent-RTC/TUIKit_iOS/blob/main/room/Source/View/Main/RoomView/RoomViewCell.swift)|单个视频流单元格，承载用户视频画面与基本信息。|可自定义视频渲染层、用户信息面板（头像、徽章）、互动控件（语音波形）。|
+|[RoomBottomBarView](https://github.com/Tencent-RTC/TUIKit_iOS/blob/main/room/Source/View/Main/RoomBottomBarView.swift)|底部工具栏，集成麦克风、摄像头、成员管理操作按钮。|可重新排列按钮顺序、修改按钮样式（颜色、尺寸）、添加业务相关功能（例如屏幕分享、会中呼叫、美颜）。|
 
 ## 图标定制
 
 接入 `TUIRoomKit` 组件后，开发者可以根据实际 UI 交互需求直接替换组件下的图标资源， 以适配开发者的业务场景。
 
-`TUIRoomKit` 使用 `TUIRoomKit.xcassets`管理 UI 所需的图片资源，您可以借助 Xcode 图形化工具快速修改自定义界面所需的图标。
+`TUIRoomKit` 使用 `TUIRoomKit.xcassets` 管理 UI 所需的图片资源，您可以借助 Xcode 图形化工具快速修改自定义界面所需的图标。
 
 **常用的图片文件列表**
-| 图标 | 文件名 | 说明 |
-| --- | --- | --- |
-|  | camera_close.png | 摄像头关闭图标 |
-|  | camera_open.png | 摄像头开启图标 |
-|  | room_mic_off_red.png | 麦克风关闭图标 |
-|  | room_mic_on_big.png | 麦克风开启图标 |
-|  | room_admin_tag.png | 管理员身份标识图标 |
-|  | room_owner_tag.png | 房主身份标识图标 |
+
+|图标|文件名|说明|
+|---------|---------|---------|
+||camera_close.png|摄像头关闭图标|
+||camera_open.png|摄像头开启图标|
+||room_mic_off_red.png|麦克风关闭图标|
+||room_mic_on_big.png|麦克风开启图标|
+||room_admin_tag.png|管理员身份标识图标|
+||room_owner_tag.png|房主身份标识图标|
 
 ## 文案定制
 
-`TUIRoomKit` 使用更为方便的 [Apple Strings Catalog](https://developer.apple.com/documentation/xcode/localizing-and-varying-text-with-a-string-catalog) 工具来管理 UI 所需的文案显示，您可以很直观的通过  Xcode 视图化管理工具修改需要调整的文案：
+`TUIRoomKit` 使用更为方便的 [Apple Strings Catalog](https://developer.apple.com/documentation/xcode/localizing-and-varying-text-with-a-string-catalog) 工具来管理 UI 所需的文案显示，您可以很直观的通过 Xcode 视图化管理工具修改需要调整的文案：
 
 > **说明：**
 >