uni-app(客户端)

最近更新时间:2024-07-02 16:46:11

我的收藏
本文将介绍如何快速完成 TUICallKit 组件的接入,您将在10分钟内完成以下几个关键步骤,并最终得到一个包含完备 UI 界面的视频通话功能。
语音通话
视频通话







环境准备

HbuilderX 版本要求:HbuilderX 版本 ≥ 3.94。
iOS 9.0 或以上版本且支持音视频的 iOS 设备,暂不支持模拟器。
Android 版本不低于 4.4 且支持音视频的 Android 设备,暂不支持模拟器。如果为真机,请开启允许调试选项。最低兼容 Android 4.4(SDK API Level 16),建议使用 Android 5.0 (SDK API Level 21)及以上版本。
iOS/Android 设备已经连接到 Internet。

步骤1:开通服务

在使用腾讯云提供的音视频服务前,您需要前往控制台,为应用开通音视频服务。具体步骤请参考开通服务。

步骤2:导入 TUICallKit 插件

注意:
请确保在导入 TUICallKit 插件前您已集成 chat-uikit-uniapp
1. 访问 TencentCloud-TUICallKit 插件,在插件详情页中购买插件,购买插件时选择对应的 AppID,绑定正确的包名。



2. 在项目中导入插件。




步骤3:引入原生插件

在 App.vue 文件注册原生插件。 使用 uni.requireNativePlugin 在 App.vue 注册原生插件,参数为腾讯云原生音视频插件ID: TencentCloud-TUICallKit
// 请按照 $TUICallKit 命名并且通过 uni.$TUICallKit 全局引入,修改命名会出现不生效的情况
uni.$TUICallKit = uni.requireNativePlugin('TencentCloud-TUICallKit');
console.log(uni.$TUICallKit, "TUICallKit | ok"); // 本地日志
说明:
更多 TUICallKit API 详情可参考文档 TUICallKit-API

步骤4:制作自定义基座

单击 HBuilderX 的 运行 > 运行到手机或模拟器 > 制作自定义调试基座制作自定义基座。
注意:
配置原生插件,必须打包自定义基座进行测试。
制作基座时,Android 包名为插件开通云打包时绑定的应用包名。
证书使用云端证书。


步骤5:发起您的第一次通话

发起通话:

收到通话:


步骤6:集成离线推送功能 TIMPush

如果您需要集成离线推送,请参考 TIMPush 集成 文档。 配置完成后,当单击接收到的音视频通话离线推送通知时, TUICallKit 会自动拉起音视频通话邀请界面
应用在后台时或离线时
锁屏时



常见问题

如果您的接入和使用中遇到问题,请参见 常见问题

技术咨询

了解更多详情您可加入 腾讯云通信官方社群 进行咨询和反馈。