@tencentcloud/sdk-mcp 1.3.9 → 1.4.0

package/resource/doc/rtcengine/faq/web/web.md

@@ -17,9 +17,6 @@
 
 SDK 提供的弹窗适配桌面端和移动端浏览器，样式如下：
 
-![桌面端弹窗](./assets/autoplay-dialog-pc-cn.png)
-![移动端弹窗](./assets/autoplay-dialog-cn.png)
-
 - SDK 会根据 [navigator.language](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/language) 的值来切换中英文弹窗提示。
 - 当用户点击"确认"时，SDK 自动调用相关接口来恢复播放。
 - 为尽可能保证弹窗处于最上层展示，其 z-index 值为 1500。
@@ -128,10 +125,8 @@ trtc.on(TRTC.EVENT.ERROR, error => {
 | 2-A | 用户网络可以访问特定的外网代理服务器 | 代理服务器搭建在外网，内网防火墙需开通白名单，允许内网用户访问外网的代理服务器。 |
 | 2-B | 用户网络只能访问内网代理服务器 | 代理服务器搭建在内网，内网防火墙需开通白名单，允许内网代理服务器访问外网。 |
 
-![2-A 方案示例图](./assets/proxy-1.png)
 2-A 方案示例图
 
-![2-B 方案示例图](./assets/proxy-2.png)
 2-B 方案示例图
 
 ### 设置代理服务器
@@ -139,7 +134,7 @@ trtc.on(TRTC.EVENT.ERROR, error => {
 当您搭建好 Nginx 和 Turn server 后，可以参考如下示例，设置代理服务器。
 
 ```javascript
-const trtc = TRTC.create(); 
+const trtc = TRTC.create();
 await trtc.enterRoom({
   ...,
   proxy: {
@@ -148,7 +143,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/',
@@ -167,29 +162,29 @@ await trtc.enterRoom({
 2. **配置 Nginx 服务器**
 
    ```sh
-   vi /etc/nginx/nginx.conf 
+   vi /etc/nginx/nginx.conf
    ```
 
    ```nginx
    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;
      }
    }
    ```
@@ -272,7 +267,7 @@ await trtc.enterRoom({
    # 检测 turn 是否启动成功
    ps aux | grep coturn
    # 若要重启服务，则执行
-   service coturn restart 
+   service coturn restart
    ```
 
 5. **配置 turn 服务器的防火墙，打开入站端口 3478（TCP & UDP），及上述配置中 min ~ max port 之间的出站端口（UDP）。**
@@ -283,8 +278,6 @@ await trtc.enterRoom({
 
    使用该[测试页面](https://webrtc.github.io/samples/src/content/peerconnection/trickle-ice/)，测试搭建好的 turn server 是否能够正常连通访问。如下截图中 done 说明 turn 能正常访问。
 
-   ![turn测试结果](./assets/turn-test.png)
-
 ### 2-B 方案
 
 2-B 方案搭建 Nginx 代理的方式，与 2-A 方案相同。主要有两处区别：
@@ -300,4 +293,4 @@ await trtc.enterRoom({
 
 2. 防火墙配置：
    - 对于 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 能够访问外网。
+   - 对于 Turn Server，需要允许 Turn Server 能够访问外网。

package/resource/doc/rtcengine/web/api.md

@@ -14,8 +14,6 @@ TRTC对象 通过 [TRTC.create()](#create) 创建，提供实时音视频的核
 
 TRTC 生命周期如图所示：
 
-![TRTC生命周期](./assets/client-life-cycle.png)
-
 ## Methods
 
 ### create()
@@ -116,7 +114,6 @@ await trtc.exitRoom();
 为观众切换直播房间。
 
 - 在直播场景中切换观众正在观看的房间。这比退出旧房间再进入新房间更快，可以优化直播等场景的打开时间。
-- [联系我们](https://cloud.tencent.com/document/product/647/19906) 以启用此 API。
 
 #### 示例
 
@@ -210,7 +207,7 @@ await trtc.switchRole(TRTC.TYPE.ROLE_ANCHOR, { privateMapKey: 'your new privateM
 
 ### destroy()
 
-销毁 TRTC 实例 
+销毁 TRTC 实例
 
 在退房之后，若业务侧无需再使用 trtc 时，需调用该接口及时销毁 trtc 实例，释放相关资源。
 
@@ -1072,7 +1069,7 @@ const processedVideoTrack = trtc.getVideoTrack({ processed: true });
 
 `getVideoSnapshot()`
 
-获取视频帧 
+获取视频帧
 
 注意事项: Stream 必须经过播放才可以获取视频帧，如果没有播放将会返回空字符串
 
@@ -1106,7 +1103,7 @@ document.body.appendChild(img);
 
 `sendSEIMessage(buffer, options)`
 
-发送 SEI Message 
+发送 SEI Message
 
 视频帧的头部有一个叫做 SEI 的头部数据块，该接口的原理就是利用这个被称为 SEI 的头部数据块，将您要发送的自定义信令嵌入其中，使其同视频帧一并发送出去。SEI 消息可以伴随着视频帧一直传输到直播 CDN 上。
 
@@ -1170,7 +1167,7 @@ trtc.on(TRTC.EVENT.SEI_MESSAGE, event => {
 
 `sendCustomMessage(message)`
 
-发送自定义消息，消息会广播给房间内的所有用户。 
+发送自定义消息，消息会广播给房间内的所有用户。
 
 Note:
 
@@ -1264,7 +1261,6 @@ TRTC.setLogLevel(1);
 | 名称 | 类型 | 默认值 | 描述 |
 |------|------|--------|------|
 | level | 0-5 |  | 日志输出等级 0: TRACE 1: DEBUG 2: INFO 3: WARN 4: ERROR 5: NONE |
-| enableUploadLog | boolean | true | 是否开启日志上传，默认开启。不建议关闭，关闭后将影响问题排障。<br /> - 日志上传至腾讯云的服务器，仅供开发人员排查问题使用。如果您需要获取日志信息，可以[联系我们](https://cloud.tencent.com/document/product/647/19906) |
 
 ### TRTC.isSupported
 
@@ -2036,7 +2032,7 @@ trtc.on(TRTC.EVENT.ERROR, (error) => {
 
 **默认值：** 5000
 
-调用接口时传入了不满足 API 要求的参数  
+调用接口时传入了不满足 API 要求的参数
 处理建议：请检查传入参数是否符合 API 的规范，例如参数类型是否正确。
 
 | extraCode | 描述 |
@@ -2064,7 +2060,7 @@ trtc.on(TRTC.EVENT.ERROR, (error) => {
 
 **默认值：** 5100
 
-调用接口时，不满足 API 的前提要求。  
+调用接口时，不满足 API 的前提要求。
 处理建议：请根据对应 API 文档检查调用逻辑是否符合 API 的前提要求。例如：1.未进房成功就进行切换角色，2.播放的远端用户和流不存在。
 
 | extraCode | 描述 |
@@ -2083,7 +2079,7 @@ trtc.on(TRTC.EVENT.ERROR, (error) => {
 
 **默认值：** 5200
 
-当前环境不支持该功能，表明当前浏览器不支持调用对应 API  
+当前环境不支持该功能，表明当前浏览器不支持调用对应 API
 处理建议：通常使用 TRTC.isSupported 可感知当前浏览器支持哪些能力。如果浏览器不支持，需要引导用户使用支持该能力的浏览器，参考：[检测浏览器支持性](https://web.sdk.qcloud.com/trtc/webrtc/doc/zh-cn/tutorial-23-advanced-support-detection.html)
 
 | extraCode | 描述 |
@@ -2105,7 +2101,7 @@ trtc.on(TRTC.EVENT.ERROR, (error) => {
 
 **默认值：** 5300
 
-获取设备或者采集音视频出现异常。这些接口出现异常时会抛出该错误码：[trtc.startLocalAudio](TRTC.html#startLocalAudio) [trtc.startLocalVideo](TRTC.html#startLocalVideo) [trtc.startScreenShare](TRTC.html#startScreenShare)。  
+获取设备或者采集音视频出现异常。这些接口出现异常时会抛出该错误码：[trtc.startLocalAudio](TRTC.html#startLocalAudio) [trtc.startLocalVideo](TRTC.html#startLocalVideo) [trtc.startScreenShare](TRTC.html#startScreenShare)。
 处理建议：引导用户检查设备是否有摄像头及麦克风、系统是否给浏览器授权以及浏览器是否给页面授权。建议增加进房前的设备检测流程，确认麦克风和摄像头是否存在，并且能正常采集，再进行下一步通话操作。通常经过设备检查后都能避免该异常。实现方式请参考: [通话前环境与设备检测](tutorial-23-advanced-support-detection.html)。
 
 | extraCode | 描述 |
@@ -2124,8 +2120,8 @@ trtc.on(TRTC.EVENT.ERROR, (error) => {
 
 **默认值：** 5400
 
-收到服务端返回的异常数据时抛出该错误码  
-以下接口出现异常时会抛出该错误码：`enterRoom`，`startLocalVideo`, `startLocalAudio`, `startScreenShare`, `startRemoteVideo`, `switchRole`  
+收到服务端返回的异常数据时抛出该错误码
+以下接口出现异常时会抛出该错误码：`enterRoom`，`startLocalVideo`, `startLocalAudio`, `startScreenShare`, `startRemoteVideo`, `switchRole`
 处理建议：服务端异常通常在开发阶段处理，常见的异常有：传入的 userSig 过期，腾讯云账号欠费，未开通TRTC服务等，服务端返回异常数据有以下原因。
 
 | extraCode | 描述 |
@@ -2211,8 +2207,8 @@ trtc.on(TRTC.EVENT.ERROR, (error) => {
 
 **默认值：** 5500
 
-在满足 API 调用要求的情况下，SDK 经过多次重试仍然无法解决的异常，通常是由于浏览器、网络的问题造成。  
-以下接口出现异常时会抛出该错误码：`enterRoom`，`startLocalVideo`, `startLocalAudio`, `startScreenShare`, `startRemoteVideo`, `switchRole`  
+在满足 API 调用要求的情况下，SDK 经过多次重试仍然无法解决的异常，通常是由于浏览器、网络的问题造成。
+以下接口出现异常时会抛出该错误码：`enterRoom`，`startLocalVideo`, `startLocalAudio`, `startScreenShare`, `startRemoteVideo`, `switchRole`
 处理建议：
 - 确认通信必需的域名和端口是否满足您的网络环境要求，参考文档[应对防火墙限制及设置代理](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)
 - 其他问题需要联系工程师处理 [在线客服](https://cloud.tencent.com/act/event/Online_service?from=doc_647)
@@ -2231,16 +2227,16 @@ trtc.on(TRTC.EVENT.ERROR, (error) => {
 
 **默认值：** 5998
 
-中止 API 执行时抛出该错误码。在不满足 API 生命周期的调用或重复调用时 API 会中止执行，避免无意义的操作。  
-例如：连续调用 enterRoom，startLocalXxx等接口，在没有进房就调用退房。  
-以下接口出现异常时会抛出该错误码：`enterRoom`，`startLocalVideo`, `startLocalAudio`, `startScreenShare`, `startRemoteVideo`, `switchRole`  
+中止 API 执行时抛出该错误码。在不满足 API 生命周期的调用或重复调用时 API 会中止执行，避免无意义的操作。
+例如：连续调用 enterRoom，startLocalXxx等接口，在没有进房就调用退房。
+以下接口出现异常时会抛出该错误码：`enterRoom`，`startLocalVideo`, `startLocalAudio`, `startScreenShare`, `startRemoteVideo`, `switchRole`
 处理建议：捕获并识别该错误码，然后在业务逻辑规避不必要的调用，或者也可以不做任何处理，因为 SDK 做了无副作用处理，您只需在 catch 时识别该错误码并忽略。
 
 #### UNKNOWN_ERROR
 
 **默认值：** 5999
 
-未知错误或者未被定义的错误  
+未知错误或者未被定义的错误
 处理建议：联系工程师处理 [在线客服](https://cloud.tencent.com/act/event/Online_service?from=doc_647)
 
 ## TYPE
@@ -2360,4 +2356,4 @@ TRTC.TYPE.SCENE_LIVE
 **默认值:** `'clear'`
 
 弱网时，视频编码策略以清晰度优先，即优先保分辨率。
-摄像头默认流畅度优先，屏幕分享默认清晰度优先。
+摄像头默认流畅度优先，屏幕分享默认清晰度优先。

package/resource/doc/rtcengine/web/how_to_integrated_web_sdk.md

@@ -65,7 +65,6 @@ import TRTC from 'trtc-sdk-v5';
    - 在事件回调函数中，调用 [trtc.startRemoteVideo()](TRTC.html#startRemoteVideo) 方法播放远端视频。
 
 下图展示了实现音视频通话全过程的基础 API 调用流程：
-![TRTC SDK调用序列图](assets/trtc-sdk-call-sequence-cn.png)
 
 ## 创建 TRTC 对象
 
@@ -143,7 +142,7 @@ trtc.on(TRTC.EVENT.REMOTE_VIDEO_AVAILABLE, ({ userId, streamType }) => {
 调用 [trtc.exitRoom()](TRTC.html#exitRoom) 方法退出房间，结束音视频通话。
 
 ```javascript
-await trtc.exitRoom(); 
+await trtc.exitRoom();
 // 退房成功后，若后续无需使用 trtc 实例，则可以调用 trtc.destroy 方法销毁实例，及时释放相关资源。销毁后的 trtc 实例无法继续使用，需要重新创建新的实例。
 trtc.destroy();
 ```
@@ -321,8 +320,6 @@ await trtcA.startScreenShare({ option: { systemAudio: true }});
 
 在弹出的对话框中勾选`分享音频`，系统音频会与本地麦克风混音后发布，房间内其他用户会收到 TRTC.EVENT.REMOTE_AUDIO_AVALIABLE 事件
 
-![系统音频分享对话框](https://main.qcloudimg.com/raw/4e990a612028480c9c36419d96ea64b7.png)
-
 5. **停止屏幕分享**
 
 ```javascript
@@ -337,8 +334,6 @@ trtcB.on(TRTC.EVENT.REMOTE_VIDEO_UNAVAILABLE, ({ userId, streamType }) => {
 
 另外用户还可能会通过浏览器自带的按钮停止屏幕分享，因此屏幕分享流需要监听屏幕分享停止事件，并进行相应的处理。
 
-![屏幕分享停止按钮](./assets/screen-sharing-stop.png)
-
 ```javascript
 // 监听屏幕分享停止事件
 trtcA.on(TRTC.EVENT.SCREEN_SHARE_STOPPED, () => {
@@ -441,7 +436,7 @@ async function startScreenShare() {
 async function onClick() {
   // 建议在 onClick 执行时，先执行采集逻辑
   await trtcA.startScreenShare();
-  await trtcA.enterRoom({ 
+  await trtcA.enterRoom({
     roomId: 123123,
     sdkAppId: 140000000, // 填写您的 sdkAppId
     userId: 'userA', // 填写您的 userId
@@ -449,7 +444,7 @@ async function onClick() {
 });
 // bad
 async function onClick() {
-  await trtcA.enterRoom({ 
+  await trtcA.enterRoom({
     roomId: 123123,
     sdkAppId: 140000000, // 填写您的 sdkAppId
     userId: 'userA', // 填写您的 userId
@@ -489,7 +484,6 @@ async function checkAndApplyDeviceAccessPrivilege() {
 
 4. **[WebRTC 屏幕分享已知问题及规避方案](./tutorial-02-info-webrtc-issues.html#h2-9)**
 
-
 # Tutorial: 设置本地视频属性
 
 本文主要介绍如何在视频通话或互动直播中设置视频属性，开发者可以根据具体业务需求调整视频画面的清晰度和流畅度，获得更好的用户体验。视频属性包括分辨率、帧率和码率。
@@ -543,4 +537,4 @@ await trtc.updateLocalVideo({
 | 1440p | 2560 x 1440 | 30 | 4860 | |
 | 4K | 3840 x 2160 | 30 | 9000 | |
 
-- 由于设备和浏览器的限制，视频分辨率不一定能够完全匹配，在这种情况下，浏览器会自动调整分辨率使其接近 Profile 对应的分辨率
+- 由于设备和浏览器的限制，视频分辨率不一定能够完全匹配，在这种情况下，浏览器会自动调整分辨率使其接近 Profile 对应的分辨率

package/resource/doc/rtcengine/web/how_to_run_web_sdk_demo.md

@@ -17,15 +17,11 @@
 1. 下载 Web 端 SDK 及配套的 Demo 源码。
 2. 下载完成后，单击 **“已下载，下一步”**。
 
-![下载 SDK 和 Demo 源码](https://qcloudimg.tencent-cloud.cn/raw/694a75aa29fa7ae11cb14f3948bbf386.png)
-
 ### 步骤3：获取 SDKAppId 和 密钥（SDKSecretKey)
 
 1. 进入修改配置页，获取 `SDKAppID` 和 `密钥`。
 2. 复制粘贴 SDKAppId 和 密钥（SDKSecretKey）完成后，单击 **已复制粘贴，下一步** 即创建成功。
 
-![获取 SDKAppId 和 密钥](https://qcloudimg.tencent-cloud.cn/raw/1aa752664de9fa0dfaf163a8092b9b40.png)
-
 ### 步骤4：运行 Demo
 
 TRTC Web 目前提供以下几种基础 Demo，您可以选择您熟悉的项目框架进行运行体验：
@@ -43,7 +39,7 @@ TRTC Web 目前提供以下几种基础 Demo，您可以选择您熟悉的项目
 
 1. 在下载的源码中找到并使用浏览器打开 `TRTC_Web/quick-demo-js/index.html` 文件。
 2. 在浏览器打开的页面中填写 [步骤三](#step3) 获取的 SDKAppId 和 SDKSecretKey。
-   ![填写 SDKAppId 和 SDKSecretKey](https://qcloudimg.tencent-cloud.cn/raw/58138291297d6bb58141b750f028ea4c.png)
+
 3. 功能体验
    - 点击【Enter Room】按钮进入房间
    - 点击【Start Local Audio/Video】按钮，可采集麦克风或摄像头
@@ -64,7 +60,7 @@ TRTC Web 目前提供以下几种基础 Demo，您可以选择您熟悉的项目
    ```
    默认浏览器会自动打开 http://localhost:8080/ 地址。
 3. 在浏览器打开的页面中填写 [步骤三](#step3) 获取的 SDKAppId 和 SDKSecretKey。
-   ![填写 SDKAppId 和 SDKSecretKey](https://qcloudimg.tencent-cloud.cn/raw/b7accfeba1614a6a1e43089887425406.png)
+
 4. 功能体验
    - 点击【进入房间】按钮进入房间
    - 点击【采集麦克风/摄像头】按钮，可采集麦克风或摄像头
@@ -82,7 +78,7 @@ TRTC Web 目前提供以下几种基础 Demo，您可以选择您熟悉的项目
    ```
    默认浏览器会自动打开 http://localhost:3000/ 地址。
 3. 在浏览器打开的页面中填写 [步骤三](#step3) 获取的 SDKAppId 和 SDKSecretKey。
-   ![填写 SDKAppId 和 SDKSecretKey](https://qcloudimg.tencent-cloud.cn/raw/d4547af08134896170e89a49dec7a43a.png)
+
 4. 功能体验
    - 输入 userId 和 roomId
    - 点击【Enter Room】按钮进入房间
@@ -94,4 +90,4 @@ TRTC Web 目前提供以下几种基础 Demo，您可以选择您熟悉的项目
 
 > **注意：**
 > - 本文使用的生成 UserSig 的方案是在客户端中配置 SECRETKEY，该方法中 SECRETKEY 很容易被反编译逆向破解，一旦您的密钥泄露，攻击者就可以盗用您的腾讯云流量，因此**该方法仅适合本地跑通 Demo 和功能调试**。
-> - 正确的 UserSig 签发方式是将 UserSig 的计算代码集成到您的服务端，并提供面向 App 的接口，在需要 UserSig 时由您的 App 向业务服务器发起请求获取动态 UserSig。更多详情请参见 [服务端生成 UserSig](https://cloud.tencent.com/document/product/647/17275#Server)。
+> - 正确的 UserSig 签发方式是将 UserSig 的计算代码集成到您的服务端，并提供面向 App 的接口，在需要 UserSig 时由您的 App 向业务服务器发起请求获取动态 UserSig。更多详情请参见 [服务端生成 UserSig](https://cloud.tencent.com/document/product/647/17275#Server)。

package/resource/doc/rtcengine/web/plugin/20-advanced-customized-capture-rendering.md

@@ -31,7 +31,7 @@ if (!HTMLVideoElement.prototype.captureStream) {
   console.log('your browser does not support capturing stream from video element');
   return
 }
-// 获取您页面在播放视频的 video 标签 
+// 获取您页面在播放视频的 video 标签
 const video = document.getElementByID('your-video-element-ID');
 // 从播放的视频采集视频流
 const stream = video.captureStream();
@@ -50,7 +50,7 @@ if (!HTMLCanvasElement.prototype.captureStream) {
   console.log('your browser does not support capturing stream from canvas element');
   return
 }
-// 获取您的 canvas 标签 
+// 获取您的 canvas 标签
 const canvas = document.getElementByID('your-canvas-element-ID');
 
 // 从 canvas 采集 15 fps 的视频流
@@ -78,7 +78,7 @@ trtc.startLocalVideo({ option:{ videoTrack } });
 trtc.on(TRTC.EVENT.TRACK, event => {
   const isLocal = event.userId === ''; // userId === '' means event.track is a local track, otherwise it's a remote track
   const isSubStream = event.streamType === TRTC.TYPE.STREAM_TYPE_SUB; // Usually the sub stream is a screen-sharing video stream.
-  const mediaStreamTrack = event.track; 
+  const mediaStreamTrack = event.track;
   const kind = event.track.kind; // audio or video
 })
 ```

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;