uni-app(小程序)

最近更新时间: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/uni-app/TUICallKit-Miniprogram/TUICallKit-Vue3
npm install
3. 拷贝源码
window 端
mac 端
xcopy 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/uni-app/TUICallKit-Miniprogram/TUICallKit-Vue3/TUICallKit/debug/GenerateTestUserSig-es.js 文件,将开通服务时获取到对应的 SDKAppID 和 SDKSecretKey 填入其中




步骤三 : 跑通 Demo

1. HBuilder 中导入项目。



2. 运行到微信开发者工具,勾选运行时是否压缩代码



拨打第一个电话

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



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