uni-app (客户端)

最近更新时间:2024-12-13 16:58:32

我的收藏
本文档主要介绍如何快速跑通 TUIRoomKit 示例工程,体验高质量多人视频会议。跟随本文档,您可以在10分钟内跑通 Demo,并最终体验一个包含完备 UI 界面的多人视频会议功能。








环境准备

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

快速跑通

1. 下载或者克隆源码并安装依赖。
git clone https://github.com/tencentyun/TUIRoomKit.git
2. 安装依赖
cd ./TUIRoomKit/uni-app
npm install
3. 下载并导入 TUIRoomEngine 插件。
登录 uni 原生插件市场,并访问 TencentCloud-TUIRoomEngine 插件,在插件详情页中购买(TencentCloud-TUIRoomEngine 为免费插件)。购买后才能够云端打包使用插件。购买插件时请选择正确的 appid,以及绑定正确包名。

68747470733a2f2f71636c6f7564696d672e74656e63656e742d636c6f75642e636e2f7261772f65623063396633326436363939343161643563303833323364623335326166362e706e67 (1402×1198)


购买插件后在应用的 manifest.json 页面的 App 原生插件配置项下单击选择云端插件,选择腾讯云原生音视频插件。

68747470733a2f2f71636c6f7564696d672e74656e63656e742d636c6f75642e636e2f7261772f37323066626332653432316164373565333530653335663839336261306461382e706e67 (1437×791)


4. 找到并打开 TUIRoomKit/uni-app/src/roomkit/config/basic-info-config.js 文件。(获取 SDKAppID 与 SDKSECRETKEY):



说明:
激活 TUIRoomKit 服务,获取 SDKAppIDSDKSecretKey



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

68747470733a2f2f71636c6f7564696d672e74656e63656e742d636c6f75642e636e2f7261772f38663735633161616637323961653062323061636235396537336161396235642e706e67 (984×558)


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

68747470733a2f2f71636c6f7564696d672e74656e63656e742d636c6f75642e636e2f7261772f64633332343566623030343261393065306664353563346139343138346564632e706e67 (1476×644)



创建您的第一个会议

主持人端:

68747470733a2f2f71636c6f7564696d672e74656e63656e742d636c6f75642e636e2f7261772f36646435303436343366383262343462336265336131653738646633313863662e706e67 (3330×1945)


普通成员端:

68747470733a2f2f71636c6f7564696d672e74656e63656e742d636c6f75642e636e2f7261772f64383635653161666364373636643032303733633530353966613462666439302e706e67 (2567×1745)