@tencentcloud/sdk-mcp 1.3.8 → 1.4.0

package/resource/doc/rtcengine/web/plugin/21-advanced-auto-play-policy.md

@@ -17,8 +17,7 @@
 SDK 提供的弹窗适配桌面端和移动端浏览器，样式如下：
 
 <div style="display:flex;align-items:center;">
-  <img src="./assets/autoplay-dialog-pc-cn.png" style="width:40%;max-width:450px;margin-right:16px;" />
-  <img src="./assets/autoplay-dialog-cn.png" style="width:30%;max-width:300px;" />
+
 </div>
 
 - SDK 会根据 [navigator.language](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/language) 的值来切换中英文弹窗提示。
@@ -83,4 +82,4 @@ function showCustomDialog(event) {
 在 Android 和 iOS Webview 中的默认自动播放策略可能和浏览器中的不一致，您可以参考如下文档，在您的 App 中关闭自动播放限制。
 
 - Android Webview 关闭自动播放限制：调用 [setMediaPlaybackRequiresUserGesture(false)](https://developer.android.com/reference/android/webkit/WebSettings#setMediaPlaybackRequiresUserGesture(boolean)) 关闭自动播放限制。
-- iOS Webview 关闭自动播放限制：[设置 mediaTypesRequiringUserActionForPlayback 为 WKAudiovisualMediaTypeNone](https://developer.apple.com/documentation/webkit/wkwebviewconfiguration/1851524-mediatypesrequiringuseractionfor)
+- iOS Webview 关闭自动播放限制：[设置 mediaTypesRequiringUserActionForPlayback 为 WKAudiovisualMediaTypeNone](https://developer.apple.com/documentation/webkit/wkwebviewconfiguration/1851524-mediatypesrequiringuseractionfor)

package/resource/doc/rtcengine/web/plugin/22-advanced-audio-mixer.md

@@ -93,20 +93,20 @@ await trtc.stopPlugin('AudioMixer', {
 ```js
 // bad: 连续 start 相同 id 两次
 startPlugin({ id: 'bgm1', url: './xxx.mp3' })
-startPlugin({ id: 'bgm1', url: './xxx.mp3' }) 
+startPlugin({ id: 'bgm1', url: './xxx.mp3' })
 
-// good: start 后用 update 
+// good: start 后用 update
 startPlugin({ id: 'bgm1', url: './xxx.mp3' })
-updatePlugin({ id: 'bgm1' }) 
+updatePlugin({ id: 'bgm1' })
 
 // good: 可以同时开启两个背景音乐
 startPlugin({ id: 'bgm1' })
-startPlugin({ id: 'bgm2' }) 
+startPlugin({ id: 'bgm2' })
 
 // good: stop 后下次可以正常再开启
 startPlugin({ id: 'bgm1' })
-stopPlugin({ id: 'bgm1' }) 
-startPlugin({ id: 'bgm1' }) 
+stopPlugin({ id: 'bgm1' })
+startPlugin({ id: 'bgm1' })
 ```
 
 ## API 说明

package/resource/doc/rtcengine/web/plugin/23-advanced-support-detection.md

@@ -38,7 +38,7 @@ const trtc = TRTC.create({ plugins: [DeviceDetector] });
 const result = await trtc.startPlugin('DeviceDetector');
 
 // 2. Test Media Device & Network Quality
-const options = { 
+const options = {
     networkDetect: { sdkAppId, userId, userSig }
 }
 const resultWithNetwork = await trtc.startPlugin('DeviceDetector', options);
@@ -123,7 +123,7 @@ trtc.off(TRTC.EVENT.PERMISSION_STATE_CHANGE);
 
   ```javascript
   import TRTC from 'trtc-sdk-v5';
-  
+
   const cameraList = await TRTC.getCameraList();
   const micList = await TRTC.getMicrophoneList();
   const hasCameraDevice = cameraList.some(camera => camera.deviceId !== '');

package/resource/doc/rtcengine/web/plugin/24-advanced-network-quality.md

@@ -32,8 +32,6 @@ trtc.on(TRTC.EVENT.NETWORK_QUALITY, event => {
 
 ### API 调用时序
 
-![network-quality-call-sequence](./assets/network-quality-call-sequence.png)
-
 ### 代码示例
 
 ```js
@@ -102,7 +100,7 @@ setTimeout(() => {
       validUplinkNetworkQualitiesList.reduce((value, current) => value + current, 0) / validUplinkNetworkQualitiesList.length
     );
   }
-  
+
   const validDownlinkNetworkQualitiesList = testResult.uplinkNetworkQualities.filter(value => value >= 1 && value <= 5);
   if (validDownlinkNetworkQualitiesList.length > 0) {
     // 计算下行平均网络质量
@@ -110,7 +108,7 @@ setTimeout(() => {
       validDownlinkNetworkQualitiesList.reduce((value, current) => value + current, 0) / validDownlinkNetworkQualitiesList.length
     );
   }
-    
+
   // 检测结束，清理相关状态。
   uplinkTRTC.exitRoom();
   downlinkTRTC.exitRoom();

package/resource/doc/rtcengine/web/plugin/25-advanced-device-change.md

@@ -8,7 +8,6 @@
 > 2. 若摄像头/麦克风被拔出后，没有可用的媒体设备。SDK 会检测设备插入行为，若插入了新的可用的媒体设备，SDK 会尝试使用新插入的媒体设备，恢复采集并推流。
 > 3. 若恢复失败，则会抛出错误 [TRTC.ERROR_CODE.DEVICE_ERROR](./module-ERROR_CODE.html#.DEVICE_ERROR)，extraCode 为 5308，5309。
 
-
 ## 实现流程
 
 ### 检测设备插入、拔出、启动
@@ -94,4 +93,4 @@ trtc.on(TRTC.EVENT.ERROR, error => {
     }
   }
 })
-```
+```

package/resource/doc/rtcengine/web/plugin/26-advanced-publish-cdn-stream.md

@@ -14,7 +14,7 @@
     - "指定流旁路"模式下，您可以通过该插件或者 [服务端 REST API](https://cloud.tencent.com/document/product/647/84721) 将指定音视频流推送到 CDN 且指定播放地址。
 
     <div align="center">
-    <img src="assets/relayed-push.png" />
+
     </div>
 
 ## 快速开始
@@ -136,16 +136,12 @@ try {
 - `encoding`：输出流质量（分辨率、码率、帧率）
 - `mix`：混流布局配置
 
-<img src="https://qcloudimg.tencent-cloud.cn/raw/780b843f7f5f4a06dcd9ff0dc13b2621.png" style="width: 1000px">
-
 ### 使用流程示例
 
 1. 调用 `startPlugin`，混流布局如图 A 所示
 2. 调用 `updatePlugin` 新增屏幕分享，混流布局如图 B 所示
 3. 不需要混流时调用 `stopPlugin`
 
-<img src="https://qcloudimg.tencent-cloud.cn/raw/3069d75fab45d643ec940f8705d65b7b.png" style="width: 600px">
-
 ### 配置说明
 
 1. 将 `target.publishMode` 设置为 `PublishMode.PublishMixStreamToCDN`
@@ -281,7 +277,7 @@ try {
 - 应用的 SDKAppId 是 `appId`
 
 <div align="center">
-  <img src="assets/stream-manager.png" style="width: 600px">
+
 </div>
 
 ### 步骤 3：开始推流

package/resource/doc/rtcengine/web/plugin/27-advanced-small-stream.md

@@ -40,10 +40,10 @@ await trtc.updateLocalVideo({ option: { small: false }});
 
 ```js
 trtc.on(TRTC.EVENT.REMOTE_VIDEO_AVAILABLE, ({ userId, streamType }) => {
-  trtc.startRemoteVideo({ 
+  trtc.startRemoteVideo({
     view: '', // 传入视频容器的 elementId 或者 element 实例对象。
-    userId, 
-    streamType, 
+    userId,
+    streamType,
     option: { small: true }
   });
 })
@@ -53,17 +53,17 @@ trtc.on(TRTC.EVENT.REMOTE_VIDEO_AVAILABLE, ({ userId, streamType }) => {
 
 ```js
 // 用户点击“小画面”时，切换到“大画面”播放
-await trtc.updateRemoteVideo({ 
+await trtc.updateRemoteVideo({
   view: '', // 传入“大画面”视频容器的 elementId 或者 element 实例对象。
-  userId: '', // 传入远端用户的 userId 
-  streamType: TRTC.TYPE.STREAM_TYPE_MAIN, 
+  userId: '', // 传入远端用户的 userId
+  streamType: TRTC.TYPE.STREAM_TYPE_MAIN,
   option: { small: false }
 })
 // 用户点击“大画面”时，切换到“小画面”播放。
-await trtc.updateRemoteVideo({ 
+await trtc.updateRemoteVideo({
   view: '', // 传入“小画面”视频容器的 elementId 或者 element 实例对象。
-  userId: '', // 传入远端用户的 userId 
-  streamType: TRTC.TYPE.STREAM_TYPE_MAIN, 
+  userId: '', // 传入远端用户的 userId
+  streamType: TRTC.TYPE.STREAM_TYPE_MAIN,
   option: { small: true }})
 ```
 
@@ -124,11 +124,11 @@ await trtc.stopPlugin('SmallStreamAutoSwitcher');
 
 ```js
 trtc.on(TRTC.EVENT.REMOTE_VIDEO_AVAILABLE, ({ userId, streamType }) => {
-  trtc.startRemoteVideo({ 
+  trtc.startRemoteVideo({
     view: 'view1_main',
-    userId, 
-    streamType, 
-    option: { 
+    userId,
+    streamType,
+    option: {
       small: true,
       receiveWhenViewVisible: true, // 开启【只订阅可视区域的视频流】功能
       viewRoot:  document.getElementById('view-list') // 传入所有 view list 的第一级父级元素，用于计算 view 和 viewRoot 的参考关系，判断 view 是否处于可视状态。默认值是 document.body
@@ -161,7 +161,6 @@ trtc.on(TRTC.EVENT.VIDEO_PLAY_STATE_CHANGED, ({ userId, streamType, state }) =>
 });
 await trtc.startRemoteVideo({ ... });
 
-
 // 停止远端视频后，停止远端 Loading 效果。
 trtc.stopRemoteVideo()
 isLoading = false;

package/resource/doc/rtcengine/web/plugin/28-advanced-beauty.md

@@ -8,96 +8,16 @@
 - [TRTC SDK](https://www.npmjs.com/package/trtc-sdk-v5) 版本需要 >= 5.5.0
 - 各平台系统及配置要求如下表：
 
-
-<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" >fps</td>
-
-<td rowspan="1" colSpan="1" >推荐配置</td>
-
-<td rowspan="1" colSpan="1" >备注</td>
-</tr>
-
-<tr>
-<td rowspan="8" colSpan="1" >Web</td>
-
-<td rowspan="2" colSpan="1" >Windows</td>
-
-<td rowspan="2" colSpan="1" >Chrome 90+<br>Firefox 90+<br>Edge 97+</td>
-
-<td rowspan="1" colSpan="1" >30</td>
-
-<td rowspan="1" colSpan="1" >内存：16GB<br>CPU：i5-10500<br>GPU：独显 2GB</td>
-
-<td rowspan="3" colSpan="1" >建议使用最新版 Chrome 浏览器<br> <b> （开启浏览器硬件加速）</b></td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >15</td>
-
-<td rowspan="1" colSpan="1" >内存：8GB<br>CPU：i3-8300<br>GPU：intel 核显 1GB</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >Mac</td>
-
-<td rowspan="1" colSpan="1" >Chrome 98+<br>Firefox 96+<br>Safari 14+</td>
-
-<td rowspan="1" colSpan="1" >30</td>
-
-<td rowspan="1" colSpan="1" >2019年 MacBook<br>内存：16GB(2667MHz)<br>CPU：i7(6核 2.60GHz)<br>GPU：AMD Radeon 5300M</td>
-</tr>
-
-<tr>
-<td rowspan="3" colSpan="1" >Android</td>
-
-<td rowspan="3" colSpan="1" >微信内嵌浏览器<br>Chrome<br>火狐浏览器<br>小米浏览器<br>华为浏览器</td>
-
-<td rowspan="1" colSpan="1" >30</td>
-
-<td rowspan="1" colSpan="1" >高端机（高通骁龙 8 Gen1 等）</td>
-
-<td rowspan="3" colSpan="1" >建议使用微信内嵌、Chrome 或火狐浏览器等主流浏览器<br>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >20</td>
-
-<td rowspan="1" colSpan="1" >中端机（天玑 8000-MAX 等）</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >10</td>
-
-<td rowspan="1" colSpan="1" >低端机（高通骁龙 660 等）</td>
-</tr>
-
-<tr>
-<td rowspan="2" colSpan="1" >iOS</td>
-
-<td rowspan="2" colSpan="1" >微信内嵌浏览器<br>Chrome<br>Safari<br>Firefox</td>
-
-<td rowspan="1" colSpan="1" >30</td>
-
-<td rowspan="1" colSpan="1" >iPhone 13</td>
-
-<td rowspan="2" colSpan="1" >- 要求 iOS 14.4 以上系统<br>- 建议使用 Chrome 或 Safari 浏览器<br>- <b> 不支持 QQ 浏览器</b></td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >20</td>
-
-<td rowspan="1" colSpan="1" >iPhone xr</td>
-</tr>
-
-</tr>
-</table>
+| 平台 | 操作系统 | 浏览器版本 | fps | 推荐配置 | 备注 |
+| --- | --- | --- | --- | --- | --- |
+| Web | Windows | Chrome 90+<br>Firefox 90+<br>Edge 97+ | 30 | 内存：16GB<br>CPU：i5-10500<br>GPU：独显 2GB | 建议使用最新版 Chrome 浏览器<br><b> （开启浏览器硬件加速）</b> |
+| 15 | 内存：8GB<br>CPU：i3-8300<br>GPU：intel 核显 1GB |  |  |  |  |
+| Mac | Chrome 98+<br>Firefox 96+<br>Safari 14+ | 30 | 2019年 MacBook<br>内存：16GB(2667MHz)<br>CPU：i7(6核 2.60GHz)<br>GPU：AMD Radeon 5300M |  |  |
+| Android | 微信内嵌浏览器<br>Chrome<br>火狐浏览器<br>小米浏览器<br>华为浏览器 | 30 | 高端机（高通骁龙 8 Gen1 等） |  |  |
+| 20 | 中端机（天玑 8000-MAX 等） |  |  |  |  |
+| 10 | 低端机（高通骁龙 660 等） |  |  |  |  |
+| iOS | 微信内嵌浏览器<br>Chrome<br>Safari<br>Firefox | 30 | iPhone 13 | - 要求 iOS 14.4 以上系统<br>- 建议使用 Chrome 或 Safari 浏览器<br>- <b> 不支持 QQ 浏览器</b> |  |
+| 20 | iPhone xr |  |  |  |  |
 
 ## 使用步骤
 

package/resource/doc/rtcengine/web/plugin/31-advanced-plugins-overview.md

@@ -28,7 +28,6 @@ TRTC Web SDK v5 提供了插件系统，支持按需加载各种音视频增强
 | **AIDenoiser** | AI 降噪，智能降低环境噪声，支持远场消除模式 | - | 尊享版 | 需要 | {@tutorial 35-advanced-ai-denoiser} |
 | **VoiceChanger** | 美声变声，支持 11 种变声效果（熊孩子、萝莉、大叔等） | ≥ 5.10.0 | 旗舰版 | - | {@tutorial 37-advanced-voice-changer} |
 | **RealtimeTranscriber** | 实时语音转录与翻译，将用户语音实时转换为文字并支持多语言翻译 | ≥ 5.15.0 | 无 | - | {@tutorial 42-advanced-realtime-transcriber} |
-| **Chorus** | 合唱，支持 KTV 合唱场景，包含主唱/伴唱角色、歌词同步、打分 | - | [联系我们](https://cloud.tencent.com/document/product/647/19906)开通 | - | - |
 
 ### 推流与混流类
 
@@ -43,9 +42,7 @@ TRTC Web SDK v5 提供了插件系统，支持按需加载各种音视频增强
 |---------|---------|---------|---------|---------|---------|
 | **DeviceDetector** | 设备检测，检测摄像头、麦克风、扬声器及网络，提供默认 UI | ≥ 5.8.0 | 无 | - | {@tutorial 23-advanced-support-detection} |
 | **Debug** | 调试模式，支持全量日志上传/导出、音视频转储 | ≥ 5.8.0 | 无 | - | {@tutorial 18-basic-debug} |
-| **TRTCVideoDecoder** | 视频解码器降级，解码失败时自动降级到软解码 | ≥ 5.9.0 | [联系我们](https://cloud.tencent.com/document/product/647/19906)开通 | 需要 | {@tutorial 39-advanced-video-decoder} |
 | **SmallStreamAutoSwitcher** | 大小流自动切换，弱网时自动切换小流保证流畅度 | ≥ 5.11.0 | 无 | - | {@tutorial 41-advanced-small-stream-auto-switcher} |
-<!-- | **CustomEncryption** | 自定义加密，支持音视频端到端加密，可自定义或使用内置加密算法 | - | 需联系我们开通 | - | - | -->
 
 > **说明：**
 > - **版本要求**：使用该插件所需的 TRTC SDK 最低版本
@@ -63,7 +60,7 @@ import TRTC from 'trtc-sdk-v5';
 import { VirtualBackground } from 'trtc-sdk-v5/plugins/video-effect/virtual-background';
 import { AIDenoiser } from 'trtc-sdk-v5/plugins/ai-denoiser';
 
-const trtc = TRTC.create({ 
+const trtc = TRTC.create({
   plugins: [VirtualBackground, AIDenoiser],
   assetsPath: 'https://your-cdn/assets' // 如果插件需要静态资源
 });
@@ -241,8 +238,8 @@ await trtc.updatePlugin('VideoMixer', {
 });
 
 // 使用合流后的 track 推流
-await trtc.startLocalVideo({ 
-  option: { 
+await trtc.startLocalVideo({
+  option: {
     videoTrack: track,
     profile: { width: 1920, height: 1080, bitrate: 2000 }
   }
@@ -262,7 +259,7 @@ TRTCVideoDecoder 插件注册后会自动在解码失败时启动降级逻辑，
 ```javascript
 import TRTCVideoDecoder from 'trtc-sdk-v5/plugins/video-decoder';
 
-const trtc = TRTC.create({ 
+const trtc = TRTC.create({
   plugins: [TRTCVideoDecoder],
   assetsPath: 'https://your-cdn/assets'
 });
@@ -386,7 +383,7 @@ cp -r node_modules/trtc-sdk-v5/assets ./public/assets
 创建 TRTC 实例时传入资源路径：
 
 ```javascript
-const trtc = TRTC.create({ 
+const trtc = TRTC.create({
   plugins: [VirtualBackground, AIDenoiser],
   assetsPath: 'https://your-cdn.com/assets'
 });

package/resource/doc/rtcengine/web/plugin/34-advanced-proxy.md

@@ -28,7 +28,7 @@ trtc.on(TRTC.EVENT.ERROR, error => {
   // 用户网络防火墙受限，会导致无法正常进行音视频通话。
   // 此时引导用户更换网络 or 检查网络防火墙设置。
   if (error.code === TRTC.ERROR_CODE.OPERATION_FAILED && error.extraCode === 5501) {
-    
+
   }
 });
 ```
@@ -37,14 +37,13 @@ trtc.on(TRTC.EVENT.ERROR, error => {
 
 > 该方案适用于：您确定用户的网络是受防火墙限制的，此时需要搭建代理服务器来解决。
 
-
 | 方案 | 适用场景                           | 网络要求                                                                     |
 | ------ | ---------------------------------- | ---------------------------------------------------------------------------- |
 | 2-A | 用户网络可以访问特定的外网代理服务器   | 代理服务器搭建在外网，内网防火墙需开通白名单，允许内网用户访问外网的代理服务器。       |
 | 2-B | 用户网络只能访问内网代理服务器 | 代理服务器搭建在内网，内网防火墙需开通白名单，允许内网代理服务器访问外网。 |
 
 <div style="display: flex;justify-content: center;">
-  <img src="./assets/proxy-1.png"/>
+
 </div>
 
   <div style="display: flex;justify-content: center;">
@@ -52,7 +51,7 @@ trtc.on(TRTC.EVENT.ERROR, error => {
   </div>
 
 <div style="display: flex;justify-content: center;">
-	<img src="./assets/proxy-2.png" />
+
 </div>
 
 <div style="display: flex;justify-content: center;">2-B 方案示例图</div>
@@ -62,7 +61,7 @@ trtc.on(TRTC.EVENT.ERROR, error => {
 当您搭建好 Nginx 和 Turn server 后，可以参考如下示例，设置代理服务器。
 
 ```javascript
-const trtc = TRTC.create(); 
+const trtc = TRTC.create();
 
 await trtc.enterRoom({
   ...,
@@ -72,7 +71,7 @@ await trtc.enterRoom({
     // 设置 turn server，用于中转 SDK 与 TRTC 后台的媒体数据包。14.3.3.3:3478 为 turn server 的 ip 及端口。
     turnServer: { url: '14.3.3.3:3478', username: 'turn', credential: 'turn', credentialType: 'password' },
     // 默认 SDK 会直连 TRTC 服务器，如果连不上，则会尝试连 TURN server。你可以指定 'relay' 来强制连接 TURN server。
-    iceTransportPolicy: 'all', 
+    iceTransportPolicy: 'all',
     // SDK 默认会向 yun.tim.qq.com 域名上报日志，但若该域名在您的内网无法访问，您需要给该域名开白名单或者配置以下日志代理。
     // 设置日志上报代理，日志是排查问题的关键数据，请务必设置该代理。
     loggerProxy: 'https://proxy.example.com/logger/',
@@ -91,32 +90,32 @@ await trtc.enterRoom({
 2. 配置 Nginx 服务器
 
    ```sh
-   vi /etc/nginx/nginx.conf 
+   vi /etc/nginx/nginx.conf
    ```
 
    ```
    http {
-     server { 
+     server {
        # nginx 服务器的访问域名
-       server_name proxy.example.com; 
+       server_name proxy.example.com;
        # nginx 服务器的访问端口
-       listen 443; 
-   
-       ssl on; 
-   
+       listen 443;
+
+       ssl on;
+
        location /ws/ { # 对应 setProxyServer 中的 websocketProxy 参数
          proxy_pass https://signaling.rtc.qq.com/; # TRTC 的服务器
-         proxy_http_version 1.1; 
-         proxy_set_header Upgrade $http_upgrade; 
-         proxy_set_header Connection "upgrade"; 
+         proxy_http_version 1.1;
+         proxy_set_header Upgrade $http_upgrade;
+         proxy_set_header Connection "upgrade";
        }
        location /logger/ { # 对应 setProxyServer 中的 loggerProxy 参数
          proxy_pass https://yun.tim.qq.com/;
        }
-   
-       #域名对应的 SSL 证书，HTTPS 用，用户自行申请 
-       ssl_certificate ./crt/1_proxy.trtcapi.com_bundle.crt; 
-       ssl_certificate_key ./crt/2_proxy.trtcapi.com.key; 
+
+       #域名对应的 SSL 证书，HTTPS 用，用户自行申请
+       ssl_certificate ./crt/1_proxy.trtcapi.com_bundle.crt;
+       ssl_certificate_key ./crt/2_proxy.trtcapi.com.key;
      }
    }
    ```
@@ -137,44 +136,44 @@ await trtc.enterRoom({
 
    ```sh
    #!/usr/bin/env bash
-   
+
    # current file name is turn.sh
-   
+
    # ref:
    # https://gabrieltanner.org/blog/turn-server    STEP 3 testing turn server
    # https://medium.com/av-transcode/what-is-webrtc-and-how-to-setup-stun-turn-server-for-webrtc-communication-63314728b9d0
-   
+
    # as super-user
    # usage:  current_program <external-ip>
-   
+
    set -x
    set -e
-   
+
    ip a
    pwd
    whoami
-   
+
    display_usage() {
            echo "This script must be run with super-user privileges."
            echo -e "\nUsage: $0 <external-ip> \ne.g. $0 154.8.246.205"
    }
-   
+
    # if less than two arguments supplied, display usage
    if [ $# -lt 1 ]
    then
            display_usage
            exit 1
    fi
-   
+
    if [[ $1 =~ ^[0-9]+\.[0-9]+\.[0-9]+\.[0-9]+$ ]]; then
      echo "get external ip $1"
    else
      echo "wrong external ip $1 , must not have whitespace, tab and other char"
      exit 2
    fi
-   
+
    yum install -y coturn
-   
+
    # $1 is <external-ip>
    cat <<EOF > /etc/coturn/turnserver.conf
    external-ip=$1
@@ -206,10 +205,10 @@ await trtc.enterRoom({
 
    ```sh
    systemctl start coturn
-   
+
    # 检测 turn 是否启动成功
    ps aux | grep coturn
-   
+
    # 若要重启服务，则执行
    service coturn restart 
    ```
@@ -222,8 +221,6 @@ await trtc.enterRoom({
 
    使用该[测试页面](https://webrtc.github.io/samples/src/content/peerconnection/trickle-ice/)，测试搭建好的 turn server 是否能够正常连通访问。如下截图中 done 说明 turn 能正常访问。
 
-   <img src="./assets/turn-test.png" alt="turn-test" style="zoom: 33%;" />
-
 ### 2-B 方案
 
 2-B 方案搭建 Nginx 代理的方式，与 2-A 方案相同。主要有两处区别：
@@ -241,4 +238,3 @@ sudo ./turn.sh 10.0.0.4
 
 - 对于 Nginx 服务器，需要在公司内网防火墙配置域名白名单，允许 Nginx 服务器访问 TRTC 的相关域名，参考：[TRTC Web SDK 域名和端口白名单](https://cloud.tencent.com/document/product/647/34399#webrtc-.E9.9C.80.E8.A6.81.E9.85.8D.E7.BD.AE.E5.93.AA.E4.BA.9B.E7.AB.AF.E5.8F.A3.E6.88.96.E5.9F.9F.E5.90.8D.E4.B8.BA.E7.99.BD.E5.90.8D.E5.8D.95.EF.BC.9F)
 - 对于 Turn Server，需要允许 Turn Server 能够访问外网。
-

package/resource/doc/rtcengine/web/plugin/35-advanced-ai-denoiser.md

@@ -27,7 +27,6 @@ AI 降噪插件能够降低通话中的噪声，减少环境噪声对通话的
   > - 如果目录下文件的 Host URL 与网页应用的 Host URL 不一致，则需要开启访问文件域名的 CORS 策略。
   > - 不能把目录文件放在 HTTP 服务下，因为在 HTTPS 域名下加载 HTTP 资源会被浏览器安全策略禁止。
 
-
 #### 开启降噪
 
 ```javascript
@@ -81,4 +80,3 @@ await trtc.stopPlugin('AIDenoiser');
 ### trtc.stopPlugin('AIDenoiser')
 
 用于关闭降噪
-

package/resource/doc/rtcengine/web/plugin/36-advanced-virtual-background.md

@@ -4,7 +4,7 @@
 
 | 原始摄像头                                                                                | 背景虚化                                                                                  | 背景图片                                                                                  |
 | ----------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------- |
-| <img src="https://qcloudimg.tencent-cloud.cn/raw/28a9246a5e1071ea0200bfde6d2b110b.jpg" /> | <img src="https://qcloudimg.tencent-cloud.cn/raw/a605b69b39cea73a6ebfde6324e93fff.jpg" /> | <img src="https://qcloudimg.tencent-cloud.cn/raw/fec848fc9ff4a2b4dbfc49a5f4c2fb3d.jpg" /> |
+|  |  |  |
 
 ## 前提条件
 
@@ -12,53 +12,11 @@
 - TRTC Web SDK 版本 >= 5.2.0
 - 各平台系统及配置要求如下表：
 
-
-<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" >fps</td>
-
-<td rowspan="1" colSpan="1" >推荐配置</td>
-
-<td rowspan="1" colSpan="1" >备注</td>
-</tr>
-
-<tr>
-<td rowspan="8" colSpan="1" >Web</td>
-
-<td rowspan="2" colSpan="1" >Windows</td>
-
-<td rowspan="2" colSpan="1" >Chrome 90+<br>Firefox 90+<br>Edge 97+</td>
-
-<td rowspan="1" colSpan="1" >30</td>
-
-<td rowspan="1" colSpan="1" >内存：16GB<br>CPU：i5-10500<br>GPU：独显 2GB</td>
-
-<td rowspan="3" colSpan="1" >建议使用最新版 Chrome 浏览器<br> <b> （开启浏览器硬件加速）</b></td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >15</td>
-
-<td rowspan="1" colSpan="1" >内存：8GB<br>CPU：i3-8300<br>GPU：intel 核显 1GB</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >Mac</td>
-
-<td rowspan="1" colSpan="1" >Chrome 98+<br>Firefox 96+<br>Safari 15+</td>
-
-<td rowspan="1" colSpan="1" >30</td>
-
-<td rowspan="1" colSpan="1" >2019年 MacBook<br>内存：16GB(2667MHz)<br>CPU：i7(6核 2.60GHz)<br>GPU：AMD Radeon 5300M</td>
-</tr>
-
-</table>
+| 平台 | 操作系统 | 浏览器版本 | fps | 推荐配置 | 备注 |
+| --- | --- | --- | --- | --- | --- |
+| Web | Windows | Chrome 90+<br>Firefox 90+<br>Edge 97+ | 30 | 内存：16GB<br>CPU：i5-10500<br>GPU：独显 2GB | 建议使用最新版 Chrome 浏览器<br><b> （开启浏览器硬件加速）</b> |
+| 15 | 内存：8GB<br>CPU：i3-8300<br>GPU：intel 核显 1GB |  |  |  |  |
+| Mac | Chrome 98+<br>Firefox 96+<br>Safari 15+ | 30 | 2019年 MacBook<br>内存：16GB(2667MHz)<br>CPU：i7(6核 2.60GHz)<br>GPU：AMD Radeon 5300M |  |  |
 
 ## 实现流程
 
@@ -162,7 +120,7 @@ await trtc.startPlugin('VirtualBackground', {
 | Name      | Type     | Attributes             | Description                                                            |
 | --------- | -------- | ---------------------- | ---------------------------------------------------------------------- |
 | type      | `string` | 必填                   | - `image` 图片背景 <br> - `blur` 虚化背景                              |
-| enableFaceCentering (Since v5.11.0)      | `boolean`        | 选填                   |`false`（默认）    
+| enableFaceCentering (Since v5.11.0)      | `boolean`        | 选填                   |`false`（默认）
 | blurLevel | `number` | 选填                   | - `blur` 虚化背景时可用，用于调节虚化程度，默认为 3，取值范围为 [1,10] |
 | src       | `string` | type 为 `image` 时必填 | 图片地址，如 `https://picsum.photos/seed/picsum/200/300`               |
 

package/resource/doc/rtcengine/web/plugin/37-advanced-voice-changer.md

@@ -95,4 +95,4 @@ await trtc.updatePlugin('VoiceChanger', {
 // 关闭麦克风采集前关闭美声插件
 await trtc.stopPlugin('VoiceChanger');
 await trtc.stopLocalAudio();
-```
+```

package/resource/doc/rtcengine/web/plugin/39-advanced-video-decoder.md

@@ -6,8 +6,6 @@
 
 - TRTC Web SDK 版本 >= 5.9.0
 
-- [联系我们](https://cloud.tencent.com/document/product/647/19906)开通解码器降级能力
-
 ## 实现流程
 
 ### 部署静态资源
@@ -19,7 +17,6 @@
   > - 如果目录下文件的 Host URL 与网页应用的 Host URL 不一致，则需要开启访问文件域名的 CORS 策略。
   > - 不能把目录文件放在 HTTP 服务下，因为在 HTTPS 域名下加载 HTTP 资源会被浏览器安全策略禁止。
 
-
 ### 引入并注册插件
 
 ```javascript