本文主要介绍如何集成 BRTM uni-app 插件到到您的项目中。
A. 本地插件
将下载的插件包,解压到您的工程项目根目录下的 nativeplugins文件夹下,如果没有这个文件夹需要手动创建。然后在您的工程的 manifest.json 中的 App原生插件配置 中选择本地插件,如下图所示:
nativeplugins
manifest.json
App原生插件配置
B. 云端插件
由于 DCloud 官方不再支持原生语言插件上架官方插件市场,因此您暂时无法使用云端插件方式来集成使用 BRTM SDK uni-app 插件。请使用本地插件方式进行集成,插件可以通过 BRTC 开发者文档中心 下载。
推荐您直接将 BRTM uni-app demo 中的 JS 封装层导入到您的工程来使用。JS 封装层封装了访问 uni-app 原生插件的各种方法及回调,极大地简化了您的开发体验。关于 BRTM uni-app demo 推荐您参考一分钟跑通 DEMO中的介绍。
您可以参考一分钟跑通 DEMO中 demo 程序的代码,导入必要的模块,开始调用 JS 封装层为您提供的接口,为您的应用程序集成音视频能力。
例如:
导入模块
import BrtmDocView from '@/BrtmSdk/view/BrtmDocView'; import BrtmSdk from '@/BrtmSdk/lib/BrtmSdk'; import { BrtmUserInfo, BrtmUserRole, BrtmUser } from '@/BrtmSdk/lib/BrtmDefines';
创建实例
this.brtmInstance = BrtmSdk.createInstance(appid);
监听回调
this.brtmInstance.on(...)
进入房间
const userInfo = new BrtmUserInfo( this.userId, BrtmUserRole.User, this.userName, ""); this.roomId = roomId; this.userSig = userSig; await this.brtmInstance.enterRoom(this.roomId, this.userSig, userInfo);
进入房间之后即可观看远端用户在白板上面的操作了。
更多的功能需要您的探索,可以结合 demo 程序以及官网开发者中心的 API 接口文档来进行编码。
一分钟集成 SDK
本文主要介绍如何集成 BRTM uni-app 插件到到您的项目中。
环境要求
前提条件
集成步骤
一、插件配置
A. 本地插件
将下载的插件包,解压到您的工程项目根目录下的
nativeplugins
文件夹下,如果没有这个文件夹需要手动创建。然后在您的工程的manifest.json
中的App原生插件配置
中选择本地插件,如下图所示:B. 云端插件
由于 DCloud 官方不再支持原生语言插件上架官方插件市场,因此您暂时无法使用云端插件方式来集成使用 BRTM SDK uni-app 插件。请使用本地插件方式进行集成,插件可以通过 BRTC 开发者文档中心 下载。
二、导入 JS 封装层
推荐您直接将 BRTM uni-app demo 中的 JS 封装层导入到您的工程来使用。JS 封装层封装了访问 uni-app 原生插件的各种方法及回调,极大地简化了您的开发体验。关于 BRTM uni-app demo 推荐您参考一分钟跑通 DEMO中的介绍。
三、导入相关模块并编码
您可以参考一分钟跑通 DEMO中 demo 程序的代码,导入必要的模块,开始调用 JS 封装层为您提供的接口,为您的应用程序集成音视频能力。
例如:
导入模块
创建实例
监听回调
进入房间
进入房间之后即可观看远端用户在白板上面的操作了。
更多的功能需要您的探索,可以结合 demo 程序以及官网开发者中心的 API 接口文档来进行编码。