本文主要介绍如何集成 BRTC uni-app 插件到到您的项目中。
您可以通过本地插件依赖或云端依赖方式来集成插件。访问BRTC uni-app 插件页面来购买(0元)或下载。
A. 本地插件
将下载的插件包,解压到您的工程项目根目录下的 nativeplugins文件夹下,如果没有这个文件夹需要手动创建。然后在您的工程的 manifest.json 中的 App原生插件配置 中选择本地插件,如下图所示:
nativeplugins
manifest.json
App原生插件配置
B. 云端插件
您也可以通过云端插件来集成,访问 BRTC uni-app 插件 购买时,页面会引导您和您的应用进行绑定,然后在您的工程的 manifest.json 中的 App原生插件配置 中选择云端插件,如下图所示:
两种方式均可,但通常都是需要进行云打包的。
推荐您直接将 BRTC uni-app demo 中的 JS 封装层导入到您的工程来使用。JS 封装层封装了访问 uni-app 原生插件的各种方法及回调,极大地简化了您的开发体验。关于 BRTC uni-app demo 推荐您参考一分钟跑通 DEMO中的介绍。
您可以参考一分钟跑通 DEMO中 demo 程序的代码,导入必要的模块,开始调用 JS 封装层为您提供的接口,为您的应用程序集成音视频能力。
例如:
导入模块
import permision from "@/BRTCSdk/permission.js"; import BRTCSdk from '@/BRTCSdk/lib/index'; import { BRTCVideoStreamType, BRTCAudioRoute, BRTCAudioQuality, BRTCVideoResolution, BRTCVideoResolutionMode, BRTCVideoEncParam } from '@/BRTCSdk/lib/BRTCDefines'; import BRTCLocalView from '@/BRTCSdk/view/BRTCLocalView'; import BRTCRemoteView from '@/BRTCSdk/view/BRTCRemoteView';
创建实例
this.brtcInstance = BRTCSdk.createInstance();
监听回调
this.brtcInstance.on(...)
进入房间
this.brtcInstance.enterRoom(param);
开启视频预览
this.brtcInstance.startLocalPreview(...)
显示远端用户的视频
this.brtcInstance.startRemoteView(...)
销毁实例
BRTCSdk.destroyInstance();
更多的功能需要您的探索,可以结合 demo 程序以及官网开发者中心的 API 接口文档来进行编码。
一分钟集成 SDK
本文主要介绍如何集成 BRTC uni-app 插件到到您的项目中。
环境要求
前提条件
集成步骤
一、插件配置
您可以通过本地插件依赖或云端依赖方式来集成插件。访问BRTC uni-app 插件页面来购买(0元)或下载。
A. 本地插件
将下载的插件包,解压到您的工程项目根目录下的
nativeplugins
文件夹下,如果没有这个文件夹需要手动创建。然后在您的工程的manifest.json
中的App原生插件配置
中选择本地插件,如下图所示:B. 云端插件
您也可以通过云端插件来集成,访问 BRTC uni-app 插件 购买时,页面会引导您和您的应用进行绑定,然后在您的工程的
manifest.json
中的App原生插件配置
中选择云端插件,如下图所示:两种方式均可,但通常都是需要进行云打包的。
二、导入 JS 封装层
推荐您直接将 BRTC uni-app demo 中的 JS 封装层导入到您的工程来使用。JS 封装层封装了访问 uni-app 原生插件的各种方法及回调,极大地简化了您的开发体验。关于 BRTC uni-app demo 推荐您参考一分钟跑通 DEMO中的介绍。
三、导入相关模块并编码
您可以参考一分钟跑通 DEMO中 demo 程序的代码,导入必要的模块,开始调用 JS 封装层为您提供的接口,为您的应用程序集成音视频能力。
例如:
导入模块
创建实例
监听回调
进入房间
开启视频预览
显示远端用户的视频
销毁实例
更多的功能需要您的探索,可以结合 demo 程序以及官网开发者中心的 API 接口文档来进行编码。