uni-app(客户端)

最近更新时间:2024-10-22 16:39:11

我的收藏
本文将介绍如何快速实现音视频通话演示,您将在10分钟内完成以下关键步骤,并最终获得一个具有全面用户界面的视频通话功能。
视频通话
群组通话







环境准备

HBuider X
两个移动设备: Android 5.0 以上的设备 / iOS 13.0 及以上设备。

步骤一 : 下载 Demo

1. 从 github 下载 TUICallKit Demo 源码,或者直接在命令行运行以下命令:
2. 通过 HbuiderX 打开 TUICallKit uni-app/TUICallKit-app 项目:




步骤二 : 配置 Demo

1. 点击进入开通服务页面,获取SDKAppID、SecretKey
2. 填写 'TUICallKit/uni-app/TUICallKit-app/debug/GenerateTestUserSig-es.js' 文件下的 SDKAPPID、SecretKey



3. 访问 TencentCloud-TUICallKit 插件,在插件详情页中购买插件(免费),购买插件时选择对应的 AppID,绑定正确的包名。



4. 替换 TUICallKit-app/manifest.json 文件下的 appid 为上述绑定过 TencentCloud-TUICallKit 插件的 appid。



5. 在 TUICallKit-app 项目中导入插件。




步骤三 : 跑通 Demo

1. 制作自定义调试基座,请选择传统打包方式进行打包。






2. 自定义调试基座成功后,使用自定义基座运行项目。




步骤四:拨打第一个电话

注意:
为了使您可以体验完整的音视频通话流程,请将 Demo 分别在两台设备上登录两个用户,一方作为主叫,一方作为被叫。
1. 登录/注册 userID(由您定义)。



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