微信小程序

最近更新时间:2024-07-04 14:53:41

我的收藏
本文将为您介绍如何快速跑通音视频通话 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. 拷贝源码
windows端
mac端
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 填入其中




步骤三 : 跑通 Demo

1. 项目导入到微信开发者工具,构建 npm。打开微信开发者工具选择工具 > 构建 npm。具体如下图:



2. 在微信开发者工具编译运行。




拨打第一个电话

注意:
为了使您可以体验完整的音视频通话流程,请将 Demo 分别在两台设备上登录两个用户,一方作为主叫,一方作为被叫。
1. 请您在 用户ID处输入 ID



注意:
尽量避免使您的 UserID 被设置成“1”、“123”、“111”等简单字符串,由于 TRTC 不支持同一个 UserID 多端登录,所以在多人协作开发时,形如 “1”、“123”、“111” 这样的 UserID 很容易被您的同事占用,导致登录失败,因此我们建议您在调试的时候设置一些辨识度高的 UserID。
2. 拨打电话