@tencentcloud/sdk-mcp 1.3.9 → 1.4.0

package/resource/doc/roomkit/vue/features/virtual-background.md

@@ -9,9 +9,8 @@
 
 - **趣味互动：** 社交场景下，用户更换有趣的背景图片，增加互动乐趣。
 
-
 ## 前提条件
-- **用户状态：** 用户已经通过 useLoginState 完成登录鉴权，参考 [接入概览](https://write.woa.com/document/197379797539790848)，处于**已登录**状态。
+- **用户状态：** 用户已经通过 useLoginState 完成登录鉴权，参考 接入概览，处于**已登录**状态。
 
 - **环境依赖：** 项目已引入 `tuikit-atomicx-vue3`。
 
@@ -21,10 +20,9 @@
 
   - 将 `node_modules/trtc-sdk-v5/assets` 目录发布至 CDN 或者静态资源服务器中，详情可见 [SDK 文档](https://web.sdk.qcloud.com/trtc/webrtc/doc/zh-cn/tutorial-36-advanced-virtual-background.html)。
 
-  - 若选择 [方案一：使用 UI 组件快速集成](https://write.woa.com/#1362aad9-2836-4931-b947-2f0f7836d284)，在使用 [VirtualBackgroundPanel](https://github.com/Tencent-RTC/TUIKit_Vue3/tree/main/packages/tuikit-atomicx-vue3/src/components/VirtualBackgroundPanel) 组件时，需要通过 props 传入 `assetsPath` 静态资源地址。
-
-  - 若选择 [方案二：使用底层 API 自定义集成](https://write.woa.com/#b941dd3e-0f43-48af-8aa4-8818ab74a80e)，在使用 [initVirtualBackground](https://web.sdk.qcloud.com/trtc/live/web/doc/zh/index.html#initVirtualBackground) 接口时，需要传入 `assetsPath` 静态资源地址。
+  - 若选择 方案一：使用 UI 组件快速集成，在使用 [VirtualBackgroundPanel](https://github.com/Tencent-RTC/TUIKit_Vue3/tree/main/packages/tuikit-atomicx-vue3/src/components/VirtualBackgroundPanel) 组件时，需要通过 props 传入 `assetsPath` 静态资源地址。
 
+  - 若选择 方案二：使用底层 API 自定义集成，在使用 [initVirtualBackground](https://web.sdk.qcloud.com/trtc/live/web/doc/zh/index.html#initVirtualBackground) 接口时，需要传入 `assetsPath` 静态资源地址。
 
 ## 实现虚拟背景功能
 
@@ -33,17 +31,13 @@
 
 - **方案二（高级）：** 使用底层 API 自定义集成。基于 atomicx-core SDK API [useVirtualBackgroundState](https://web.sdk.qcloud.com/trtc/live/web/doc/zh/index.html#module-VirtualBackgroundState) 状态钩子自行实现 UI 和交互逻辑，灵活度最高。
 
-   ![虚拟背景](https://write-document-release-1258344699.cos.ap-guangzhou.tencentcos.cn/100027160512/1d881d05dee711f09143525400bf7822.png)
-
    虚拟背景
 
-
 ## 方案一：使用 UI 组件快速集成
 
 `tuikit-atomicx-vue3` 提供了核心设置面板组件：
 - [**VirtualBackgroundPanel**](https://github.com/Tencent-RTC/TUIKit_Vue3/tree/main/packages/tuikit-atomicx-vue3/src/components/VirtualBackgroundPanel)**：** 虚拟背景的配置面板，包含背景虚化、图片选择和预览功能。
 
-
 ### 步骤1：引入组件
 ``` typescript
 import { VirtualBackgroundPanel } from 'tuikit-atomicx-vue3/room';
@@ -56,10 +50,10 @@ import { VirtualBackgroundPanel } from 'tuikit-atomicx-vue3/room';
 **以下示例展示了如何实现一个点击按钮弹出虚拟背景设置的完整交互：**
 
 > **注意：**
-> 
+>
 > - 将 `node_modules/trtc-sdk-v5/assets` 目录发布至 CDN 或者静态资源服务器中，详情可见 [SDK 文档](https://web.sdk.qcloud.com/trtc/webrtc/doc/zh-cn/tutorial-36-advanced-virtual-background.html)。
 > - 在使用 [VirtualBackgroundPanel](https://github.com/Tencent-RTC/TUIKit_Vue3/tree/main/packages/tuikit-atomicx-vue3/src/components/VirtualBackgroundPanel) 组件时，通过 props 传入 `assetsPath` 静态资源地址。
-> - 所有 TUIKit 组件必须包裹在 [UIKitProvider](https://write.woa.com/document/197379797539790848) 内部，否则将无法获取上下文依赖，导致样式异常。
+> - 所有 TUIKit 组件必须包裹在 UIKitProvider 内部，否则将无法获取上下文依赖，导致样式异常。
 
 ``` typescript
 <template>
@@ -75,7 +69,7 @@ import { VirtualBackgroundPanel } from 'tuikit-atomicx-vue3/room';
             <span>虚拟背景</span>
             <button @click="showSettings = false">关闭</button>
           </div>
-          
+
           <div class="modal-body">
             <!-- 3. 引入面板组件 -->
             <!-- @close 事件：当用户点击面板内的关闭按钮（如有）时触发 -->
@@ -102,7 +96,7 @@ const openSettings = () => {
     alert('当前浏览器不支持虚拟背景');
     return;
   }
-  
+
   // 2. 检查是否有可用摄像头
   if (cameraList.value.length === 0) {
     alert('未检测到摄像头，无法设置虚拟背景');
@@ -128,7 +122,7 @@ const openSettings = () => {
 在调用虚拟背景功能前，必须先检查浏览器是否支持，并初始化资源路径。
 
 > **注意：**
-> 
+>
 > - 将 node_modules/trtc-sdk-v5/assets 目录发布至 CDN 或者静态资源服务器中，详情可见 [SDK 文档](https://web.sdk.qcloud.com/trtc/webrtc/doc/zh-cn/tutorial-36-advanced-virtual-background.html)。
 > - 在使用 [initVirtualBackground](https://web.sdk.qcloud.com/trtc/live/web/doc/zh/index.html#initVirtualBackground) 接口时，传入 assetsPath 静态资源地址。
 > - 虚拟背景功能依赖摄像头设备。可使用 [useDeviceState](https://web.sdk.qcloud.com/trtc/live/web/doc/zh/index.html#module-DeviceState) 检查设备状态。
@@ -162,10 +156,10 @@ onMounted(async () => {
 在用户确认应用背景前，通常需要先预览效果。使用 [setVirtualBackground](https://web.sdk.qcloud.com/trtc/live/web/doc/zh/index.html#setVirtualBackground) 方法可以设置预览效果，此时不会应用到远端可见的视频流中。
 
 > **说明：**
-> 
+>
 
 > 调用 `setVirtualBackground` 仅在本地预览画面生效，远端用户不会看到虚拟背景效果，需调用 `saveVirtualBackground` 后才会同步到远端视频流。
-> 
+>
 
 ``` typescript
 import { useVirtualBackgroundState } from 'tuikit-atomicx-vue3/room';
@@ -234,7 +228,6 @@ const disableVirtualBackground = async () => {
 
 - **图片格式：** 自定义背景图片建议使用 `jpg` 或 `png` 格式，且分辨率不宜过大（建议 1920x1080 以内），以免影响加载速度和内存占用。
 
-
 ## 常见问题
 
 ### **在 Chrome 中运行 Demo 发现画面颠倒且卡顿？**
@@ -262,20 +255,6 @@ WebRTC 相关功能通常要求在 HTTPS 环境下运行，或者是 `localhost`
 腾讯云在 GitHub 上提供了示例项目 [atomicx-vite-vue3-ts](https://github.com/Tencent-RTC/TUIRoomKit/tree/main/Web/example/atomicx-vite-vue3-ts) ，您可以参考以实现完整的 RoomKit 功能。
 
 ## API 文档
-<table>
-<tr>
-<td rowspan="1" colSpan="1" >**State/Component**</td>
-
-<td rowspan="1" colSpan="1" >**功能描述**</td>
-
-<td rowspan="1" colSpan="1" >**API 文档**</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >**useVirtualBackgroundState**</td>
-
-<td rowspan="1" colSpan="1" >虚拟背景管理</td>
-
-<td rowspan="1" colSpan="1" >[API 文档](https://web.sdk.qcloud.com/trtc/live/web/doc/zh/index.html#module-VirtualBackgroundState)</td>
-</tr>
-</table>
+| **State/Component** | **功能描述** | **API 文档** |
+| --- | --- | --- |
+| **useVirtualBackgroundState** | 虚拟背景管理 | [API 文档](https://web.sdk.qcloud.com/trtc/live/web/doc/zh/index.html#module-VirtualBackgroundState) |

package/resource/doc/roomkit/vue/integration.md

@@ -1,25 +1,19 @@
 TUIRoomKit 是腾讯云推出的音视频房间 UI 应用。本次升级引入了全新的原子化组件接入方案，开发者可以灵活组合这些原子化组件，以构建个性化的音视频房间界面。
 
 > **推荐使用更高效的 AI 集成助手**
-> 
+>
 
 > 我们为您提供了全新的 AI 集成方式，只需要描述您的需求，即可自动生成集成代码，大幅提升开发效率。
-> 
+>
 
 > [点击这里，立即体验 AI 集成](https://cloud.tencent.com/document/product/647/127873)
-> 
-
+>
 
 本文档介绍如何将 TUIRoomKit 集成到现有的 Vue3 项目中，同时介绍如何对 TUIRoomKit 的样式、布局及功能进行自定义修改。
 - 桌面端多人会议
 
-   ![](https://write-document-release-1258344699.cos.ap-guangzhou.tencentcos.cn/100027337918/31045da2d73111f097cb5254005ef0f7.png)
-
 - H5 多人会议
 
-   ![](https://write-document-release-1258344699.cos.ap-guangzhou.tencentcos.cn/100027337918/1d8af2f1fd3611f0b5c0525400380f7d.png)
-
-
 ## 前提条件
 
 ### 开通服务
@@ -29,7 +23,6 @@ TUIRoomKit 是腾讯云推出的音视频房间 UI 应用。本次升级引入
 
 - **SDKSecretKey**: 应用密钥，用于初始化配置文件的密钥信息。
 
-
 ### 环境准备
 - **Node.js**: ≥ 18.19.1 (推荐使用官方 LTS 版本)。
 
@@ -39,28 +32,22 @@ TUIRoomKit 是腾讯云推出的音视频房间 UI 应用。本次升级引入
 
 - **设备**：摄像头、麦克风、扬声器。
 
-
 ## 源码接入
 
 ### 步骤1：安装项目依赖
 
 在您的业务项目中安装以下依赖。
 
-
-
-
 【npm】
 ``` bash
-npm install @tencentcloud/roomkit-web-vue3@latest tuikit-atomicx-vue3 @tencentcloud/uikit-base-component-vue3 @tencentcloud/universal-api 
+npm install @tencentcloud/roomkit-web-vue3@latest tuikit-atomicx-vue3 @tencentcloud/uikit-base-component-vue3 @tencentcloud/universal-api
 ```
 
-
 【pnpm】
 ``` bash
 pnpm install @tencentcloud/roomkit-web-vue3@latest tuikit-atomicx-vue3 @tencentcloud/uikit-base-component-vue3 @tencentcloud/universal-api
 ```
 
-
 【yarn】
 ``` bash
 yarn add @tencentcloud/roomkit-web-vue3@latest tuikit-atomicx-vue3 @tencentcloud/uikit-base-component-vue3 @tencentcloud/universal-api
@@ -96,12 +83,12 @@ const isPC = ref(getPlatform() === 'pc');
        <!-- 您包含 ConferenceMainView 的业务组件 -->
      </UIKitProvider>
    </template>
-    
+
    <script setup>
    import { UIKitProvider } from '@tencentcloud/uikit-base-component-vue3';
    import { onMounted } from 'vue';
    import { useLoginState } from 'tuikit-atomicx-vue3/room';
-   
+
    // step 2: 用户登陆
    const { login, setSelfInfo } = useLoginState();
    const SDKAppID = 0;    // 注意：请替换为实时音视频控制台获取的 SDKAppID 信息
@@ -124,14 +111,14 @@ const isPC = ref(getPlatform() === 'pc');
      }
    });
    </script>
-   
+
    <!-- Step 3: 配置全局样式（此样式用来覆盖脚手架搭建的新项目的默认样式，可按需配置）-->
    <style>
    html, body {
      padding: 0 !important;
      margin: 0 !important;
    }
-   
+
    #app {
      width: 100% !important;
      height: 100% !important;
@@ -147,17 +134,17 @@ const isPC = ref(getPlatform() === 'pc');
 
 ### 步骤4：发起新的会议
 
-会议主持人可以通过调用 `conference.start`  接口来发起一场新的会议，其他参会者可以参见 [步骤6](https://write.woa.com/#061c9593-1112-4763-aff2-7289b3af0c41) 的描述，调用 `conference.join` 接口加入该会议。
+会议主持人可以通过调用 `conference.start`  接口来发起一场新的会议，其他参会者可以参见 步骤6 的描述，调用 `conference.join` 接口加入该会议。
 
 > **注意：**
-> 
+>
 
 > 请参考步骤 3 在用户登录成功后调用 `conference.start `接口发起会议。
-> 
+>
 
 ``` typescript
 import { conference } from '@tencentcloud/roomkit-web-vue3';
-const startConference = async () => {  
+const startConference = async () => {
   await conference.start({
     roomId: '123456',   // 请替换为您真实的 roomId
     options: {
@@ -170,13 +157,13 @@ startConference();
 
 ### 步骤5：进入已有会议
 
-参与者可以通过调用 `conference.join` 接口，填写对应的 roomId 参数，来加入由会议主持人在 [步骤4](https://write.woa.com/#7e2fb3c2-2b17-4445-985d-4af641ff66be) 中发起的会议。
+参与者可以通过调用 `conference.join` 接口，填写对应的 roomId 参数，来加入由会议主持人在 步骤4 中发起的会议。
 
 > **注意：**
-> 
+>
 
 > 请参考步骤 3 在用户登录成功后调用 `conference.join `接口加入会议。
-> 
+>
 
 ``` typescript
 import { conference } from '@tencentcloud/roomkit-web-vue3';
@@ -190,21 +177,16 @@ joinConference();
 
 ## 启动项目
 
-
-
-
 【npm】
 ``` bash
 npm run dev
 ```
 
-
 【pnpm】
 ``` bash
 pnpm run dev
 ```
 
-
 【yarn】
 ``` bash
 yarn run dev
@@ -212,45 +194,21 @@ yarn run dev
 
 启动成功后，请在浏览器中打开调试地址（通常为 http://localhost:5173）访问应用。您将看到如下所示的会议界面：
 
-![](https://write-document-release-1258344699.cos.ap-guangzhou.tencentcos.cn/100027337918/7986ed3bfd3711f098c8525400370dda.png)
-
-
 ## UI 快速自定义
 
 ### 主题及语言
 
 通过配置 App.vue 中 `UIKitProvider` 的入参，修改主题及语言的默认值。
-<table>
-<tr>
-<td rowspan="1" colSpan="1" >UIKitProvider 参数</td>
-
-<td rowspan="1" colSpan="1" >可选值</td>
-
-<td rowspan="1" colSpan="1" >默认值</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >theme</td>
-
-<td rowspan="1" colSpan="1" >"light" \| "dark"</td>
-
-<td rowspan="1" colSpan="1" >"light"</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >language</td>
-
-<td rowspan="1" colSpan="1" >"zh-CN" \| "en-US"</td>
-
-<td rowspan="1" colSpan="1" >"en-US"</td>
-</tr>
-</table>
+| UIKitProvider 参数 | 可选值 | 默认值 |
+| --- | --- | --- |
+| theme | "light" \\| "dark" | "light" |
+| language | "zh-CN" \\| "en-US" | "en-US" |
 
 ``` typescript
 <UIKitProvider theme="light" language="zh-CN">
   <router-view />
 </UIKitProvider>
- 
+
 <script setup lang="ts">
 import { UIKitProvider } from '@tencentcloud/uikit-base-component-vue3';
 ```
@@ -263,15 +221,10 @@ TUIRoomKit 预定会议用户选择列表和会中呼叫用户选择列表默认
 
 步骤2：使用 [好友管理 > 导入好友](https://cloud.tencent.com/document/product/269/8301) REST API 接口批量导入用户关系链；
 
-![](https://write-document-release-1258344699.cos.ap-guangzhou.tencentcos.cn/100027337918/c8e55003fd8611f08080525400074c32.png)
-
-
 ## TUIRoomKit 界面定制
 
 ### 源码导出
 
-
-
 【Vue3】
 1. 执行源码导出脚本，默认拷贝路径为 `./src/components/RoomKit`
 
@@ -280,9 +233,6 @@ TUIRoomKit 预定会议用户选择列表和会中呼叫用户选择列表默认
 ```
 2. 根据脚本提示确认是否要将 TUIRoomKit 源码拷贝到 `./src/components/RoomKit` 目录。如您需要自定义拷贝目录请输入 'y', 否则输入'n'。
 
-
-![](https://write-document-release-1258344699.cos.ap-guangzhou.tencentcos.cn/100027337918/05a672b6fd8711f0a1eb52540073fd3b.png)
-
 3. 源码导出后，在您指定的项目路径中会新增 TUIRoomKit 源码。此时，您需要手动将 ConferenceMainView 组件，ConferenceMainViewH5 组件的 conference 对象的引用从 npm 包地址更改为 TUIRoom 源码的相对路径地址。
 
 ``` typescript
@@ -292,7 +242,6 @@ TUIRoomKit 预定会议用户选择列表和会中呼叫用户选择列表默认
 ```
 4. 配置 ESLint 校验
 
-
 如果您导出 TUIRoomKit 源码后运行项目出现 ESLint 报错，您可以在`.eslintignore`文件中添加 RoomKit 文件夹忽略 ESLint 检测。
 ``` javascript
 // 请替换为 TUIRoomKit 源码真实路径
@@ -322,9 +271,6 @@ function handleLayoutUpdate(layout: RoomLayoutTemplate) {
 
 TUIRoomKit 默认视频流挂件如图所示，如需自定义视频流挂件请修改 `RoomKit/components/RoomLayoutView/ParticipantViewUI/ParticipantViewUI.vue` 组件。
 
-![](https://write-document-release-1258344699.cos.ap-guangzhou.tencentcos.cn/100027337918/2fab38f2d73111f0929b525400bf7822.png)
-
-
 ## 常见问题
 
 #### **TUIRoomKit 在本地开发时使用正常，但部署到线上环境后无法**正常采集用户的摄像头或麦克风设备**？**
@@ -334,10 +280,9 @@ TUIRoomKit 默认视频流挂件如图所示，如需自定义视频流挂件请
 
 - **相关资源：**更多关于 URL 域名及协议的限制详情，请参见 [URL 域名及协议限制说明](https://cloud.tencent.com/document/product/647/17249#URL-.E5.9F.9F.E5.90.8D.E5.8D.8F.E8.AE.AE.E9.99.90.E5.88.B6)。
 
-
 #### **TUIRoomKit 是否支持使用 iframe 集成?**
 
-支持。使用 iframe 集成 TUIRoomKit 时, 需要在 iframe 标签中配置 allow 属性以授予必要的浏览器权限（麦克风、摄像头、屏幕共享、全屏等），示例如下: 
+支持。使用 iframe 集成 TUIRoomKit 时, 需要在 iframe 标签中配置 allow 属性以授予必要的浏览器权限（麦克风、摄像头、屏幕共享、全屏等），示例如下:
 ``` typescript
 // 开启麦克风、摄像头、屏幕分享、全屏权限
 <iframe allow="microphone; camera; display-capture; display; fullscreen;">
@@ -368,7 +313,3 @@ TUIRoomEngine.once('ready', () => {
   }));
 });
 ```
-
-## 联系我们
-
-如果您在接入或使用过程有任何疑问或者建议，欢迎 [联系我们](https://cloud.tencent.com/document/product/269/59590) 提交反馈。

package/resource/doc/rtcengine/faq/common/userSig.md

@@ -7,17 +7,15 @@
 
 - UserSig 则是基于前两者计算出的安全签名，它由 **HMAC SHA256** 加密算法计算得出。只要攻击者不能伪造 UserSig，就无法盗用您的云服务流量。
 
-
 ## 在调试阶段如何计算 UserSig？
 
-如果您希望快速跑通 Demo，了解 TRTC SDK 相关能力，您可以通过 [客户端示例代码](https://write.woa.com/#client) 和 [控制台](https://write.woa.com/#console) 两种方法计算获取 UserSig，具体请参见以下介绍。
+如果您希望快速跑通 Demo，了解 TRTC SDK 相关能力，您可以通过 客户端示例代码 和 控制台 两种方法计算获取 UserSig，具体请参见以下介绍。
 
 > **不安全：**
-> 
+>
 
 > 注意，如下两种 UserSig 获取计算方案仅适用于调试，如果产品要正式上线，**不推荐**采用这种方案，因为客户端代码（尤其是 Web 端）中的 SECRETKEY 很容易被反编译逆向破解。一旦您的密钥泄露，攻击者就可以盗用您的腾讯云流量。
-> 
-
+>
 
 ### 客户端计算 UserSig
 
@@ -30,56 +28,15 @@
 
 - 单击**复制密钥**，可将密钥拷贝到剪贴板中。
 
-   ![](https://write-document-release-1258344699.cos.ap-guangzhou.tencentcos.cn/100031390357/6db784719d3211f091df5254005ef0f7.png)
-
-
 #### **2. 计算 UserSig：**
 
 为了方便客户端使用，我们提供各平台计算 UserSig 的源码文件，您可直接下载使用：
-<table>
-<tr>
-<td rowspan="1" colSpan="1" >Android</td>
-
-<td rowspan="1" colSpan="1" >iOS</td>
-
-<td rowspan="1" colSpan="1" >Web</td>
-
-<td rowspan="1" colSpan="1" >微信小程序</td>
-
-<td rowspan="1" colSpan="1" >Windows（C++）</td>
-
-<td rowspan="1" colSpan="1" >Windows（C#）</td>
-
-<td rowspan="1" colSpan="1" >Flutter</td>
-
-<td rowspan="1" colSpan="1" >Mac</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >[GitHub](https://github.com/LiteAVSDK/TRTC_Android/tree/main/TRTC-API-Example/Debug/src/main/java/com/tencent/trtc/debug/GenerateTestUserSig.java)</td>
-
-<td rowspan="1" colSpan="1" >[GitHub](https://github.com/LiteAVSDK/TRTC_iOS/tree/main/TRTC-API-Example-OC/Debug/GenerateTestUserSig.h)</td>
-
-<td rowspan="1" colSpan="1" >[GitHub](https://github.com/LiteAVSDK/TRTC_Web/blob/main/quick-demo-js/js/libs/generateTestUserSig.js)</td>
-
-<td rowspan="1" colSpan="1" >[GitHub](https://github.com/LiteAVSDK/Live_WXMini/blob/main/TRTCScenesDemo/TUICallKit-WX-Demo/debug/GenerateTestUserSig.js)</td>
-
-<td rowspan="1" colSpan="1" >[GitHub](https://github.com/LiteAVSDK/TRTC_Windows/blob/main/TRTC-API-Example-C%2B%2B/TRTC-API-Example-Qt/src/Util/defs.h)</td>
-
-<td rowspan="1" colSpan="1" >[GitHub](https://github.com/LiteAVSDK/TRTC_Windows/blob/main/TRTC-API-Example-CSharp/TRTC-API-Example-CSharp/GenerateTestUserSig.cs)</td>
-
-<td rowspan="1" colSpan="1" >[GitHub](https://github.com/Tencent-RTC/TRTC_Flutter/blob/master/TRTC-API-Example/lib/debug/generate_test_user_sig.dart)</td>
-
-<td rowspan="1" colSpan="1" >[GitHub](https://github.com/LiteAVSDK/TRTC_Mac/tree/main/OCDemo/TRTCDemo/TRTC/GenerateTestUserSig.h)</td>
-</tr>
-</table>
-
+| Android | iOS | Web | 微信小程序 | Windows（C++） | Windows（C#） | Flutter | Mac |
+| --- | --- | --- | --- | --- | --- | --- | --- |
+| [GitHub](https://github.com/LiteAVSDK/TRTC_Android/tree/main/TRTC-API-Example/Debug/src/main/java/com/tencent/trtc/debug/GenerateTestUserSig.java) | [GitHub](https://github.com/LiteAVSDK/TRTC_iOS/tree/main/TRTC-API-Example-OC/Debug/GenerateTestUserSig.h) | [GitHub](https://github.com/LiteAVSDK/TRTC_Web/blob/main/quick-demo-js/js/libs/generateTestUserSig.js) | [GitHub](https://github.com/LiteAVSDK/Live_WXMini/blob/main/TRTCScenesDemo/TUICallKit-WX-Demo/debug/GenerateTestUserSig.js) | [GitHub](https://github.com/LiteAVSDK/TRTC_Windows/blob/main/TRTC-API-Example-C%2B%2B/TRTC-API-Example-Qt/src/Util/defs.h) | [GitHub](https://github.com/LiteAVSDK/TRTC_Windows/blob/main/TRTC-API-Example-CSharp/TRTC-API-Example-CSharp/GenerateTestUserSig.cs) | [GitHub](https://github.com/Tencent-RTC/TRTC_Flutter/blob/master/TRTC-API-Example/lib/debug/generate_test_user_sig.dart) | [GitHub](https://github.com/LiteAVSDK/TRTC_Mac/tree/main/OCDemo/TRTCDemo/TRTC/GenerateTestUserSig.h) |
 
 示例代码如下（当然您也可以参考我们各产品的 Demo 工程，详见各产品的开发文档）：
 
-
-
-
 【Android】
 ``` java
 // Step1: 导入源码文件
@@ -93,7 +50,6 @@ GenerateTestUserSig.SECRETKEY = "xxxxxx";
 String userSig = GenerateTestUserSig.genTestUserSig("userID");
 ```
 
-
 【iOS】
 ``` objectivec
 // Step1: 导入头文件
@@ -108,7 +64,6 @@ NSString *userSig = [GenerateTestUserSig genTestUserSig:@"userID"];
 
 ```
 
-
 【Web】
 ``` javascript
 // Step1: 导入模块
@@ -117,13 +72,12 @@ NSString *userSig = [GenerateTestUserSig genTestUserSig:@"userID"];
 
 // Step2：填写上一步骤中获取到的 SDKAppID，SDK 密钥、输入自定义的userID，生成 userSig
 const {sdkAppId, userSig } = genTestUserSig({
-	sdkAppId: xxxxxx, 
+	sdkAppId: xxxxxx,
 	userId: 'xxxxxx',
 	sdkSecretKey: 'xxxxxx',
 }
 ```
 
-
 【微信小程序】
 ``` javascript
 // Step1: 导入模块
@@ -131,13 +85,12 @@ import { genTestUserSig } from 'GenerateTestUserSig';
 
 // Step2：填写上一步骤中获取到的 SDKAppID，SDK 密钥、输入自定义的userID，生成 userSig
 const {userSig } = genTestUserSig({
-	sdkAppId: xx, 
+	sdkAppId: xx,
 	userId: 'xxxxxx',
 	sdkSecretKey: 'xxxxxx'
  })
 ```
 
-
 【Window（C++）】
 ``` cpp
 // Step1: 导入头文件
@@ -151,21 +104,19 @@ const char* SECRETKEY = "xxxxxx";
 const char* userSig = GenerateTestUserSig::genTestUserSig("userID", SDKAPPID, SECRETKEY);
 ```
 
-
 【Window（C#）】
 ``` csharp
 // Step1: 导入头文件
 using GenerateTestUserSig;
 
 // Step2: 填写上一步骤中获取到的 SDKAppID 和 SDK 密钥
-GenerateTestUserSig.SDKAPPID = xxxxxx; 
+GenerateTestUserSig.SDKAPPID = xxxxxx;
 GenerateTestUserSig.SECRETKEY = "xxxxxx";
 
 // Step3：根据 userID，生成 userSig
 string userSig = GenerateTestUserSig.GetInstance().GenTestUserSig("userID");
 ```
 
-
 【Flutter】
 ``` django
 // Step1: 导入源码文件
@@ -179,7 +130,6 @@ GenerateTestUserSig.SECRETKEY = "xxxxxx";
 String userSig = GenerateTestUserSig.genTestUserSig("userID");
 ```
 
-
 【Mac】
 ``` objectivec
 // Step1: 导入头文件
@@ -200,15 +150,10 @@ NSString *userSig = [GenerateTestUserSig genTestUserSig:@"userID"];
 
 - 单击**生成签名(UserSig)**，即可计算得到对应的 UserSig。
 
-   ![](https://write-document-release-1258344699.cos.ap-guangzhou.tencentcos.cn/100031390357/5492b1619d3211f091df5254005ef0f7.png)
-
-
 ## 在正式运行阶段如何计算 UserSig？
 
 业务正式运行阶段，TRTC 提供安全等级更高的服务端计算 UserSig 的方案，可以最大限度地保障计算 UserSig 用的密钥不被泄露，因为攻破一台服务器的难度要高于逆向一款 App。具体的实现流程如下：
 
-![](https://write-document-release-1258344699.cos.ap-guangzhou.tencentcos.cn/100023397867/eeb64e021c6411ed9c01525400d6c3c4.png)
-
 1. 您的 App 在调用 SDK 的初始化函数之前，首先要向您的服务器请求 UserSig。
 
 2. 您的服务器根据 SDKAppID 和 UserID 计算 UserSig，计算源码见文档前半部分。
@@ -223,87 +168,18 @@ NSString *userSig = [GenerateTestUserSig genTestUserSig:@"userID"];
 
 7. 校验通过后，会向 TRTCSDK 提供实时音视频服务。
 
-
-
-
 为了简化您的实现过程，我们提供了多个语言版本的 UserSig 计算源代码及其示例：
-<table>
-<tr>
-<td rowspan="1" colSpan="1" >语言版本</td>
-
-<td rowspan="1" colSpan="1" >签名算法</td>
-
-<td rowspan="1" colSpan="1" >源代码</td>
-
-<td rowspan="1" colSpan="1" >使用示例</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >Java</td>
-
-<td rowspan="1" colSpan="1" >HMAC-SHA256</td>
-
-<td rowspan="1" colSpan="1" >[genSig](https://github.com/tencentyun/tls-sig-api-v2-java/blob/master/src/main/java/com/tencentyun/TLSSigAPIv2.java)</td>
-
-<td rowspan="1" colSpan="1" >[GitHub](https://github.com/tencentyun/tls-sig-api-v2-java)</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >GO</td>
-
-<td rowspan="1" colSpan="1" >HMAC-SHA256</td>
-
-<td rowspan="1" colSpan="1" >[GenSig](https://github.com/tencentyun/tls-sig-api-v2-golang/blob/master/tencentyun/TLSSigAPI.go)</td>
-
-<td rowspan="1" colSpan="1" >[GitHub](https://github.com/tencentyun/tls-sig-api-v2-golang)</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >PHP</td>
-
-<td rowspan="1" colSpan="1" >HMAC-SHA256</td>
-
-<td rowspan="1" colSpan="1" >[genSig](https://github.com/tencentyun/tls-sig-api-v2-php/blob/master/src/TLSSigAPIv2.php)</td>
-
-<td rowspan="1" colSpan="1" >[GitHub](https://github.com/tencentyun/tls-sig-api-v2-php)</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >Node.js</td>
-
-<td rowspan="1" colSpan="1" >HMAC-SHA256</td>
-
-<td rowspan="1" colSpan="1" >[genSig](https://github.com/tencentyun/tls-sig-api-v2-node/blob/master/TLSSigAPIv2.js)</td>
-
-<td rowspan="1" colSpan="1" >[GitHub](https://github.com/tencentyun/tls-sig-api-v2-node)</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >Python</td>
-
-<td rowspan="1" colSpan="1" >HMAC-SHA256</td>
-
-<td rowspan="1" colSpan="1" >[genSig](https://github.com/tencentyun/tls-sig-api-v2-python/blob/master/TLSSigAPIv2.py)</td>
-
-<td rowspan="1" colSpan="1" >[GitHub](https://github.com/tencentyun/tls-sig-api-v2-python)</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >C#</td>
-
-<td rowspan="1" colSpan="1" >HMAC-SHA256</td>
-
-<td rowspan="1" colSpan="1" >[GenSig](https://github.com/tencentyun/tls-sig-api-v2-cs/blob/master/tls-sig-api-v2-cs/TLSSigAPIv2.cs)</td>
-
-<td rowspan="1" colSpan="1" >[GitHub](https://github.com/tencentyun/tls-sig-api-v2-cs)</td>
-</tr>
-</table>
-
+| 语言版本 | 签名算法 | 源代码 | 使用示例 |
+| --- | --- | --- | --- |
+| Java | HMAC-SHA256 | [genSig](https://github.com/tencentyun/tls-sig-api-v2-java/blob/master/src/main/java/com/tencentyun/TLSSigAPIv2.java) | [GitHub](https://github.com/tencentyun/tls-sig-api-v2-java) |
+| GO | HMAC-SHA256 | [GenSig](https://github.com/tencentyun/tls-sig-api-v2-golang/blob/master/tencentyun/TLSSigAPI.go) | [GitHub](https://github.com/tencentyun/tls-sig-api-v2-golang) |
+| PHP | HMAC-SHA256 | [genSig](https://github.com/tencentyun/tls-sig-api-v2-php/blob/master/src/TLSSigAPIv2.php) | [GitHub](https://github.com/tencentyun/tls-sig-api-v2-php) |
+| Node.js | HMAC-SHA256 | [genSig](https://github.com/tencentyun/tls-sig-api-v2-node/blob/master/TLSSigAPIv2.js) | [GitHub](https://github.com/tencentyun/tls-sig-api-v2-node) |
+| Python | HMAC-SHA256 | [genSig](https://github.com/tencentyun/tls-sig-api-v2-python/blob/master/TLSSigAPIv2.py) | [GitHub](https://github.com/tencentyun/tls-sig-api-v2-python) |
+| C# | HMAC-SHA256 | [GenSig](https://github.com/tencentyun/tls-sig-api-v2-cs/blob/master/tls-sig-api-v2-cs/TLSSigAPIv2.cs) | [GitHub](https://github.com/tencentyun/tls-sig-api-v2-cs) |
 
 ## 常见问题
 
 ### **SDK 密钥如何切换为非对称密钥？**
 
 若查看密钥时只能获取公钥和私钥信息，可点击下图所示位置切换为最新的非对称密钥，请注意：切换密钥前请确保线上业务已停用。
-
-![](https://write-document-release-1258344699.cos.ap-guangzhou.tencentcos.cn/100026631907/1ce5156f039e11f09c4a5254001c06ec.png)