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

package/resource/knowledge/callkit/faq/uniapp-miniprogram.md

@@ -0,0 +1,217 @@
+## 如何切换登录的 userId？
+
+先调用`destroyed`可以完成实例的清理及登出，然后再调用`init`完成初始化及登录。
+
+## vue2 和 vue3 打包小程序包体积常见问题和方案
+
+### 是否压缩代码？
+
+以 [TUICallKit-Vue2 demo](https://github.com/tencentyun/TUICallKit/tree/main/uni-app/TUICallKit-Miniprogram/TUICallKit-Vue2) 举例，下图给出了是否勾选**运行时是否压缩代码**的效果对比（**851KB -> 454KB，降低 50%**）：
+
+因此：HBuilder 中**运行 **> **运行到小程序模拟器 **> 勾选**运行时是否压缩代码**，具体参考下图：
+
+【≤ v1.4.4】
+
+### 依赖包如何不打入到主包的 `common/vendor.js`？
+
+在使用 **微信开发者工具 **里 **构建 npm **时，我们希望 HBuilder 打包小程序时，不将`node_module`中的依赖打入到主包的`common/vendor.js` 中（**这会导致依赖存在多份，影响主包体积**）。
+
+【Vue2】
+
+推荐通过配置`vue.config.js`实现。
+- `vue.config.js`可选配置文件需放置在项目根目录下。
+
+- `vue.config.js`一般用于配置`webpack`等编译选项。HBuilder 采用 vue2 开发小程序，构建、打包时`vue.config.js`会被自动加载。
+
+以 [TUICallKit-Vue2 demo](https://github.com/tencentyun/TUICallKit/tree/main/uni-app/TUICallKit-Miniprogram/TUICallKit-Vue2) 举例，下图给出依赖包不打入主包的`common/vendor.js`的效果对比（**805KB -> 256KB，降低 68%**）：
+
+具体使用如下：
+1. 页面中通过`require`引入包依赖：
+
+``` javascript
+// 页面中引入方式必须使用 require，不能使用 import 的方式
+const TIM = require('tim-wx-sdk');
+```
+2. `vue.config.js`配置如下：
+
+``` javascript
+// vue.config.js 配置
+module.exports = {
+  configureWebpack: {
+      externals: {
+          'tim-wx-sdk': 'commonjs tim-wx-sdk', // 550KB 左右
+      },
+  }
+}
+```
+
+具体目录结构如下截图：
+
+> **注意：**
+>
+
+> **页面中引入依赖包的方式必须使用 require，不能使用 import 方式！**
+>
+
+> 原因：通过`import`引入时，HBuilder 打包小程序后，会将`import`引入方式进行编译。从而导致无法使用`node_modules`中的`tim-wx-sdk`。而`require`的方式则不会被编译。
+>
+
+### 如何构建 npm？
+1. 通过和 uni-app 的技术人员沟通了解到，目前 HBuilder 中不支持类似**微信开发者工具**中的**构建 npm**。而且他们也没有支持的计划。
+
+2. HBuilder 中**运行 **> **运行到小程序模拟器**生成的小程序项目，会清除`package.json`、`node_modules`等文件。具体如下图：
+
+如果想在**微信开发者工具 > 工具 > 构建 npm**，就必须在**微信开发者工具的终端里**创建`package.json`、`npm install`安装依赖。然后才能**构建 npm**。具体如下：
+
+``` bash
+npm init -y && npm install xx
+```
+
+### 如何使用 `copy-webpack-plugin` 提升效率？
+
+上面 3. 如何构建 npm 中，需要在 **微信开发者工具 **的终端里创建`package.json`，然后安装依赖才行。通过`copy-webpack-plugin`可减少该步骤，并提升效率。
+以 [TUICallKit-Vue2 demo](https://github.com/tencentyun/TUICallKit/tree/main/uni-app/TUICallKit-Miniprogram/TUICallKit-Vue2) 举例，下图给出使用`copy-webpack-plugin`的前后对比：
+
+具体使用如下：
+1. 安装`copy-webpack-plugin：`
+
+> **注意：**
+>
+
+> **最新版本 copy-webpack-plugin 插件暂不兼容，推荐 v5.0.0（锁死版本）**
+>
+
+``` javascript
+npm install -D copy-webpack-plugin@5.0.0
+```
+2. 在`vue.config.js`中使用`copy-webpack-plugin`插件，具体如下：
+
+``` javascript
+// vue.config.js 配置
+const path = require('path');
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+module.exports = {
+  configureWebpack: {
+      plugins: [
+          new CopyWebpackPlugin([
+              {
+                  from: path.join(__dirname, '/node_modules/@tencentcloud/call-uikit-wechat'),
+                  to: path.join(__dirname, '/unpackage/dist/dev/mp-weixin/node_modules/@tencentcloud/call-uikit-wechat')
+              },
+              {
+                  from: path.join(__dirname, '/node_modules/trtc-wx-sdk'),
+                  to: path.join(__dirname, '/unpackage/dist/dev/mp-weixin/node_modules/trtc-wx-sdk')
+              },
+              {
+                  from: path.join(__dirname, '/node_modules/tim-wx-sdk'),
+                  to: path.join(__dirname, '/unpackage/dist/dev/mp-weixin/node_modules/tim-wx-sdk')
+              },
+              {
+                  from: path.join(__dirname, '/node_modules/tsignaling-wx'),
+                  to: path.join(__dirname, '/unpackage/dist/dev/mp-weixin/node_modules/tsignaling-wx')
+              },
+              {
+                  from: path.join(__dirname, '/node_modules/tuicall-engine-wx'),
+                  to: path.join(__dirname, '/unpackage/dist/dev/mp-weixin/node_modules/tuicall-engine-wx')
+              },
+              {
+                  from: path.join(__dirname, '/package.json'),
+                  to: path.join(__dirname, '/unpackage/dist/dev/mp-weixin/package.json')
+              }
+          ])
+      ]
+  }
+}
+```
+
+具体目录结构如下截图：
+
+【Vue3】
+
+不用配置`vite.config.js`，只需通过 `require` 引入即可。具体如下：
+``` javascript
+// 页面中引入方式必须使用 require，不使用 import
+const TIM = require('tim-wx-sdk');
+```
+
+具体可参考：[TUICallKit-Vue3 demo](https://github.com/tencentyun/TUICallKit/tree/main/uni-app/TUICallKit-Miniprogram/TUICallKit-Vue3)。
+
+### 如何构建 npm？
+1. 通过和 uni-app 的技术人员沟通了解到，目前 HBuilder 中不支持类似**微信开发者工具**中的**构建 npm**。而且他们也没有支持的计划。
+
+2. HBuilder 中**运行 **> **运行到小程序模拟器**生成的小程序项目，会清除`package.json`、`node_modules`等文件。具体如下图：
+
+如果想在**微信开发者工具 > 工具 > 构建 npm**，就必须在**微信开发者工具的终端里**创建`package.json`、`npm install`安装依赖。然后才能**构建 npm**。具体如下：
+
+``` javascript
+npm init -y && npm install tuicall-engine-wx@1.5.6
+```
+
+## Vue2 uni-app 打包微信小程序项目中，铃声没有声音？
+
+这个是因为在 vue2 中，uni-app 打包，将铃声文件编码为 base64 编码，这个编码在播放铃声的 api 那里是不支持的。
+
+您可采取如下步骤解决该问题：
+- 第一步，在项目的`TUICallKit`源码中，修改铃声的引入方式。
+
+   ``` javascript
+   // 铃声文件的引用方式替换成如下代码
+   import CALLER_BELL from '../assets/phone_dialing.mp3';
+   import CALLEE_BELL from '../assets/phone_ringing.mp3';
+   console.debug(CALLEE_BELL, CALLER_BELL);
+   let DEFAULT_CALLER_BELL_FILEPATH = '/assets/phone_dialing.mp3';
+   let DEFAULT_CALLEE_BELL_FILEPATH = '/assets/phone_ringing.mp3';
+   ```
+
+- 第二步，修改项目中的`vue.config.js`文件。
+
+   ``` javascript
+   // chainwebpack(config) 中
+   config.module
+         .rule('mp3')
+         .test(/\.mp3$/)
+         .use('file-loader')
+         .loader('file-loader')
+         .options({
+           esModule: false,
+           name: 'assets/[name].[ext]'
+         })
+         .end();
+   ```
+
+## 什么是 SDKAppID、**SecretKey?**
+- **SDKAppID**：IM 的应用 ID，用于业务隔离，即不同的 SDKAppID 的通话彼此不能互通。
+
+- **Secretkey**：IM 的应用密钥，需要和 SDKAppID 配对使用，用于签出合法使用 IM 服务的鉴权用票据 UserSig。
+
+## 什么是 UserSig，如何生成 UserSig?
+- UserSig 是用户登录即时通信 IM 的密码，其本质是对 UserID 等信息加密后得到的密文。
+
+- UserSig 签发方式是将 UserSig 的计算代码集成到您的服务端，并提供面向项目的接口，在需要 UserSig 时由您的项目向业务服务器发起请求获取动态 UserSig。更多详情请参见 [服务端生成 UserSig](https://cloud.tencent.com/document/product/269/32688#GeneratingdynamicUserSig)。
+
+## 如何处理 TUICallKit 的 ts 语法校验错误？
+
+如果出现如下所示 error, 请在项目中添加如下配置。
+
+【.eslintignore】
+``` plaintext
+TUICallKit
+```
+
+【tsconfig.json】
+``` json
+{
+  "compilerOptions": {
+      "noImplicitAny": true
+   }
+}
+```
+
+## 如何关闭美颜？
+- web 端默认无美颜。
+
+- 小程序端调用 [setBeautyLevel API](https://cloud.tencent.com/document/product/647/78761#setBeautyLevel), 传入参数为0时，会关闭默认美颜。
+
+   ``` javascript
+   TUICallKitServer.getTUICallEngineInstance().setBeautyLevel(0);
+   ```

package/resource/knowledge/callkit/faq/web.md

@@ -0,0 +1,363 @@
+> **说明：**
+>
+> - 如果并没有解决您的问题，也欢迎您加入我们的 TUICallKit 技术交流 QQ 群： **605115878 **来进行交流讨论。
+> - 我们团队即将在 Web 端丰富更多不同的组件，以满足您的开发需求。
+
+> 希望您能抽出几分钟时间，为您自己的需求投上一票，我们将优先开发！
+>
+
+## 基础环境问题
+
+> **说明：**
+>
+
+> 以下问题对于 TUICallKit 与 TUICallEngine SDK 同样适用。
+>
+
+### TUICallEngine 和 TUICallKit 分别是什么？
+
+TUICallKit 是含 UI 音视频通话组件，底层是用 TUICallEngine SDK，目前支持 Typescript+Vue2 / Typescript+Vue3，可直接将组件放到页面中，调用简单的接口即可直接实现音视频通话，开源地址为：[TUICallKit/Web](https://github.com/tencentyun/TUICallKit/tree/main/Web)。
+
+TUICallEngine SDK 是音视频通话组件的无 UI SDK，如果 TUICallKit 的交互并不满足您的需求，您可以使用这套接口自己封装交互。npm 地址为 [@trtc/call-engine-lite-js](https://www.npmjs.com/package/@trtc/call-engine-lite-js)。
+
+### 如何关闭自动播放弹窗？
+
+使用 TUICallKit 组件，通过如下方式关闭自动播放弹窗。
+``` javascript
+import { TUICallKitAPI } from '@trtc/calls-uikit-vue';
+
+const trtcCloudInstance = TUICallKitAPI?.getTUICallEngineInstance()?.getTRTCCloudInstance();
+const params = {
+    api: 'enableAutoPlayDialog',
+    params: { enable: 0 },
+};
+trtcCloudInstance?.callExperimentalAPI(JSON.stringify(params));
+```
+
+> **建议：**
+>
+
+> 保留自动播放弹窗，但是需要调整弹窗样式，需要升级到最新的 TUICallKit 版本（**V4.4.0+ 支持**）。调整的弹窗组件路径：`components/common/AutoPlayDialog` 下的 `vue` 文件。
+>
+
+使用 TUICallEngine SDK，通过如下方式关闭自动播放弹窗。
+``` javascript
+import TUICallEngine from "@trtc/call-engine-lite-js";
+
+const tuiCallEngine = TUICallEngine.createInstance({ SDKAppID: 0 });
+const trtcCloudInstance = tuiCallEngine?.getTRTCCloudInstance();
+const params = {
+    api: 'enableAutoPlayDialog',
+    params: { enable: 0 },
+};
+trtcCloudInstance?.callExperimentalAPI(JSON.stringify(params));
+```
+
+### Web 端支持哪些浏览器？报错“获取设备权限失败”？
+
+请先确保页面已被授权使用麦克风或摄像头，参见 [设备授权说明](https://web.sdk.qcloud.com/trtc/webrtc/doc/zh-cn/tutorial-05-info-browser.html#h2-5)。
+
+对浏览器的详细支持度，请参见 [浏览器兼容信息](https://web.sdk.qcloud.com/trtc/webrtc/doc/zh-cn/tutorial-05-info-browser.html#h2-2)。
+
+对于上述没有列出的环境，您可以在需要检测的浏览器打开 [能力测试](https://web.sdk.qcloud.com/trtc/webrtc/demo/detect/index.html) 测试是否完整的支持 WebRTC 的功能。
+
+### 为什么本地开发测试能正常使用，但是部署到线上用 IP 访问后无法正常视频/语音通话？
+- **对网站域名协议的要求**
+
+   出于对用户安全、隐私等问题的考虑，浏览器限制网页在 HTTPS 协议下才能正常使用本文档中所对接组件的全部功能。为确保生产环境中的用户能够顺畅体验产品功能，请将您的网站部署在 `https://` 协议的域名下。更多请参见 [页面访问协议说明](https://web.sdk.qcloud.com/trtc/webrtc/doc/zh-cn/tutorial-05-info-browser.html#h2-3)。
+
+- **对网络环境的要求**
+
+   在使用 TUICallKit 时，用户可能因防火墙限制导致无法正常进行音视频通话，请参考 [应对防火墙策略](https://web.sdk.qcloud.com/trtc/webrtc/doc/zh-cn/tutorial-05-info-browser.html#h2-4) 将相应端口及域名添加至防火墙白名单中。
+
+### 在接通过程中报："is not included in the current tim's package"？
+
+TUICallKit（含 TUICallEngine SDK）依赖的 `tim-js-sdk` 版本需要 ≥ 2.21.2。
+
+如果 `tim-js-sdk` 依赖包版本正确，则可能是 SDKAppID 未购买音视频套餐或套餐包不支持所调用的功能，请访问 [音视频通话功能出现了未开通的错误提示](https://cloud.tencent.com/document/product/647/84363)。
+
+### TUICallKit（含 TUICallEngine）是否支持接收离线消息？
+
+不支持接收离线消息。
+
+支持离线消息推送，可以通过 call / groupCall 中的 offlinePushInfo 添加需要推送的消息。
+
+### TUICallEngine init 未完成，需要在 init 完成后使用此API
+
+未调用 [login](https://web.sdk.qcloud.com/component/trtccalling/doc/TUICallEngine/web/TUICallEngine.html#login) 接口，所有功能需要先进行登录完成后才能使用，具体参见 [TUICallEngine login](https://web.sdk.qcloud.com/component/trtccalling/doc/TUICallEngine/web/TUICallEngine.html#login)。
+
+> **注意：**
+>
+
+> [TUICallEngine login](https://web.sdk.qcloud.com/component/trtccalling/doc/TUICallEngine/web/TUICallEngine.html#login) 是一个异步接口，避免在 login 还未完成，直接调用 TUICallEngine 的接口。
+>
+
+### 当前通话状态无法使用该 API
+
+API 与通话状态对照表：
+
+|API|idle|calling|connected|
+|---------|---------|---------|---------|
+|calls|✓|×|×|
+|accept|×|✓|×|
+|reject|×|✓|×|
+|hangup|×|✓|✓|
+|inviteUser|×|✓|✓|
+|join|✓|×|×|
+
+## TUICallKit 问题（含 UI）
+
+### 如何切换登录的 userId？
+
+先调用`destroyed`可以完成实例的清理及登出，然后再调用`init`完成初始化及登录。
+
+### TUICallKit Web 支持什么框架？支持 H5 吗？
+
+TUICallKit 适用于 `Vue2.7 + Typescript` 或者 `Vue3 + Typescript` 项目，若您采用其他语言或者技术栈，请访问 [界面定制指引](https://cloud.tencent.com/document/product/647/81014)。
+
+### TUICallKit 打包失败？
+
+对于 Vite 项目，您需要在 `vite.config.js` 中添加 `base: "./"`。
+
+对于 Vue-CLI 创建的 webpack 项目，您需要在 `vue.config.js` 中添加 `publicPath: "./"`。
+
+### TUICallKit 报错“获取设备权限失败”？
+
+请先确保页面已被授权使用麦克风或摄像头，参见 [设备授权说明](https://web.sdk.qcloud.com/trtc/webrtc/doc/zh-cn/tutorial-05-info-browser.html#h2-5)。
+
+可以尝试 Github Demo 是否可以正常通话，然后在 [设备检测页面](https://web.sdk.qcloud.com/trtc/webrtc/demo/detect/index.html) 检查是否支持 webrtc。
+
+### timeout 字段设置无效原因？
+
+该字段目前在 call / groupcall API 中会被使用到。
+
+**目前全平台 TUICallKit 的策略是被叫登录后，仅拉取 30s 内的历史消息。**所以被叫登录后无法拉到主叫 30s 前的呼叫信息，从而导致被叫无法拉起邀请页面进行通话。
+
+### 视频通话切换大小屏出现闪屏现象？
+
+iOS 17 设备和 WebRTC 底层兼容性问题，等待后续修复。
+
+### safari 浏览器省电模式出现暂停键？
+
+浏览器层面针对省电模式的视频播放策略，SDK 无法处理。
+
+### 如何生成 UserSig？
+
+UserSig 是腾讯云为其云服务设计的一种安全保护签名，是一种登录凭证，由 SDKAppID 与 SecretKey 等信息组合加密得到。
+- **方式一：**控制台获取，参考 [获取临时 userSig](https://console.cloud.tencent.com/trtc/usersigtool)。
+
+- **方式二：**部署临时生成脚本。
+
+   > **警告：**
+   >
+
+   > 此方式是在前端代码中配置 SecretKey，该方法中 SecretKey 很容易被反编译逆向破解，一旦您的密钥泄露，攻击者就可以盗用您的腾讯云流量，因此**该方法仅适合本地跑通功能调试**，生产环境请看方式三。
+   >
+
+   为方便初期调试，userSig 可临时使用 `GenerateTestUserSig-es.js` 中 `genTestUserSig(params)` 函数来计算 ，例如：
+
+   ``` javascript
+   import { genTestUserSig } from "@trtc/calls-uikit-vue/debug/GenerateTestUserSig-es.js";
+   const { userSig } = genTestUserSig({ userID: "Alice", SDKAppID: 0, SecretKey: "YOUT_SECRETKEY" });
+   ```
+- **方式三：**正式环境使用。
+
+   正确的 UserSig 签发方式是将 UserSig 的计算代码集成到您的服务端，并提供面向项目的接口，在需要 UserSig 时由您的项目向业务服务器发起请求获取动态 UserSig。更多详情请参见 [服务端生成 UserSig](https://cloud.tencent.com/document/product/269/32688#GeneratingdynamicUserSig)。
+
+### 如何创建 userID？
+- 通过 userID 与 UserSig 登录过一次，会默认创建该用户。
+
+- 通过 [即时通信 IM 控制台](https://console.cloud.tencent.com/im) 进行创建和获取，单击目标应用卡片，进入应用的账号管理页面，也可创建账号并获取 userID。
+
+### 如何
+
+**解决源码拷贝可能导致的报错**？
+
+【ESLint 报错】
+
+若 TUICallKit 与您项目的代码风格不一致导致报错，可将本组件目录屏蔽，如在项目根目录增加 `.eslintignore` 文件，如：
+``` plaintext
+# .eslintignore
+src/components/TUICallKit
+```
+
+【TypeScript 报错】
+
+如遇 `Cannot find module '../package.json'`报错，是因为 TUICallKit 内引用了 JSON 文件，可在`tsconfig.json`中添加相关配置。
+
+其他 TSConfig 问题请参见 [TSConfig Reference](https://www.typescriptlang.org/tsconfig)。
+``` json
+{
+  "compilerOptions": {
+    "resolveJsonModule": true
+  }
+}
+```
+
+### 如何源码集成 TUICallKit？
+
+#### 步骤1：下载 TUICallKit 组件源码及相关插件
+
+【Vue3】
+``` bash
+npm install @trtc/calls-uikit-vue
+```
+
+【Vue2.7】
+``` bash
+npm install @trtc/calls-uikit-vue2
+```
+
+【Vue2.6】
+``` plaintext
+npm install @trtc/calls-uikit-vue2.6 @vue/composition-api
+```
+
+源码集成需要安装 [unplugin-vue2-script-setup](https://www.npmjs.com/package/unplugin-vue2-script-setup) 插件。
+``` bash
+npm i -D unplugin-vue2-script-setup
+```
+
+修改构建工具配置文件。
+
+【Vue Cli】
+``` javascript
+// vue.config.js
+const ScriptSetup = require('unplugin-vue2-script-setup/webpack').default
+
+module.exports = {
+  parallel: false, // disable thread-loader, which is not compactible with this plugin
+  configureWebpack: {
+    plugins: [
+      ScriptSetup({ /* options */ }),
+    ],
+  },
+}
+```
+
+【vite】
+``` javascript
+// vite.config.ts
+import { defineConfig } from 'vite'
+import { createVuePlugin as Vue2 } from 'vite-plugin-vue2'
+import ScriptSetup from 'unplugin-vue2-script-setup/vite'
+
+export default defineConfig({
+  plugins: [
+    Vue2(),
+    ScriptSetup({ /* options */ }),
+  ],
+})
+
+```
+
+【Webpack】
+``` javascript
+// webpack.config.js
+const ScriptSetup = require('unplugin-vue2-script-setup/webpack').default
+
+module.exports = {
+  /* ... */
+  plugins: [
+    ScriptSetup({ /* options */ }),
+  ]
+}
+```
+
+#### 步骤2：源码集成 TUICallKit 组件包
+
+将源码拷贝到自己的项目中，以拷贝到`src/components/`目录为例：
+
+【macOS + Vue3】
+``` html
+mkdir -p ./src/components/TUICallKit && cp -r ./node_modules/@trtc/calls-uikit-vue/* ./src/components/TUICallKit
+```
+
+【macOS + Vue2】
+``` html
+mkdir -p ./src/components/TUICallKit && cp -r ./node_modules/@trtc/calls-uikit-vue2/* ./src/components/TUICallKit
+```
+
+【Windows + Vue3】
+``` html
+xcopy .\node_modules\@trtc\calls-uikit-vue  .\src\components\TUICallKit /i /e
+```
+
+【Windows + Vue2】
+``` html
+xcopy .\node_modules\@trtc\calls-uikit-vue2  .\src\components\TUICallKit /i /e
+```
+
+#### 步骤3：修改 TUICallKit 引入路径
+
+修改 TUICallKit 引入路径为本地文件引入。
+
+> **注意：**
+>
+
+> 此方法可能与您的 ESLint、TypeScript 配置冲突，若出现报错，可参见 解决源码拷贝导致的报错。
+>
+
+``` typescript
+import { TUICallKit, TUICallKitAPI } from "./components/TUICallKit/src/index";
+```
+
+接下来请参见上面的步骤及说明，使用 TUICallKit 组件提供的功能。
+
+## 套餐问题
+
+### 错误提示“The package you purchased does not support this ability”？
+
+由于您当前应用的音视频通话能力包过期或未开通，请参见 [开通服务](https://cloud.tencent.com/document/product/647/104662)，领取或者开通音视频通话能力，进而继续使用 TUICallKit 组件。
+
+### 如何购买套餐？
+
+请参考购买链接 [音视频通话 SDK 价格总览](https://cloud.tencent.com/document/product/1640/79968)，如有其他问题，请点击页面右侧，进行售前套餐咨询。
+
+## 内网代理
+
+### 内网的环境下如何使用 callkit？
+1. 通过 getTRTCCloudInstance 获取 TRTCCloud 实例。
+
+   > **注意：**
+   >
+
+   > **v3.1.3+ 支持。**
+   >
+
+   ``` javascript
+   const trtcCloud = TUICallKitAPI.getTUICallEngineInstance().getTRTCCloudInstance();
+   ```
+2. 通过 TRTCCloud 实例调用 callExperimentalAPI 完成代理服务器的设置（注意：需要在通话前调用）。具体如下：
+
+   ``` javascript
+   trtcCloud.callExperimentalAPI(JSON.stringify({
+      api: 'setNetworkProxy',
+      params: {
+         websocketProxy: 'wss://proxy.example.com/ws/',
+         turnServer: [{
+            url: '14.3.3.3:3478',
+            username: 'turn',
+            credential: 'turn',
+         }],
+         iceTransportPolicy: 'relay',
+      },
+   }));
+   ```
+
+   > **注意：**
+   >
+
+   > TRTC 应对防火墙受限参见 [设置代理服务器](https://web.sdk.qcloud.com/component/trtccalling/doc/TUICallEngine/web/zh-cn/tutorial-11-set_proxy_server.html)。
+   >
+
+## 五、其它
+
+### 如何关闭美颜？
+- Web 端默认无美颜。
+
+- 小程序端调用 [setBeautyLevel API](https://cloud.tencent.com/document/product/647/78761#setBeautyLevel)，传入参数为0时，会关闭默认美颜。
+
+   ``` javascript
+   TUICallKitAPI.getTUICallEngineInstance().setBeautyLevel(0);
+   ```