本文将为您介绍如何快速跑通音视频通话 Demo。跟随本文档,您可以在 10 分钟内跑通 Demo,并最终体验一个包含完备 UI 界面的音视频通话功能。
视频通话 | 群组通话 |
![]() | ![]() |
开发环境要求
微信 App iOS 最低版本要求:8.0.40。
微信 App Android 最低版本要求:8.0.40。
小程序基础库最低版本要求:2.10.0。
步骤一:下载 Demo
1. 打开终端,克隆仓库。
2. 安装依赖。
cd ./TUICallKit/MiniProgram
npm install
3. 拷贝源码
node_modules\\@tencentcloud\\call-uikit-wechat .\\TUICallKit /i /e
mkdir -p ./TUICallKit && cp -r node_modules/@tencentcloud/call-uikit-wechat/ ./TUICallKit
步骤二:配置 Demo
1. 单击 进入开通服务页面,获取
SDKAppID、SDKSecretKey
。2. 打开 TUICallKit/MiniProgram/TUICalling/debug/GenerateTestUserSig.js 文件,将开通服务时获取到对应的 SDKAppID 和 SDKSecretKey 填入其中
![](https://qcloudimg.tencent-cloud.cn/image/document/316963841d84adee94d7b6dc4e23b80c.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/316963841d84adee94d7b6dc4e23b80c.png)
步骤三 : 跑通 Demo
1. 项目导入到微信开发者工具,构建 npm。打开微信开发者工具选择工具 > 构建 npm。具体如下图:
![](https://qcloudimg.tencent-cloud.cn/image/document/8cfbce57e8f099d9320ee5faf5534de4.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/8cfbce57e8f099d9320ee5faf5534de4.png)
2. 在微信开发者工具编译运行。
![](https://qcloudimg.tencent-cloud.cn/image/document/a3198d1bc0c8bd67094e9183317b27fe.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/a3198d1bc0c8bd67094e9183317b27fe.png)
拨打第一个电话
注意:
为了使您可以体验完整的音视频通话流程,请将 Demo 分别在两台设备上登录两个用户,一方作为主叫,一方作为被叫。
1. 请您在
用户ID
处输入 ID ![](https://qcloudimg.tencent-cloud.cn/image/document/7b43780ec0ca326a20820451ac88103b.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/7b43780ec0ca326a20820451ac88103b.png)
注意:
尽量避免使您的 UserID 被设置成“1”、“123”、“111”等简单字符串,由于 TRTC 不支持同一个 UserID 多端登录,所以在多人协作开发时,形如 “1”、“123”、“111” 这样的 UserID 很容易被您的同事占用,导致登录失败,因此我们建议您在调试的时候设置一些辨识度高的 UserID。
2. 拨打电话
![](https://qcloudimg.tencent-cloud.cn/image/document/7cff8a43490cba7c49f602da5396a8dc.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/7cff8a43490cba7c49f602da5396a8dc.png)