Uni-app是一个使用Vue.js开发所有前端应用l直播的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。其中,uni-app如何实现直播功能l直播?下面我们一起来到ZEGO即构科技的官网看看相关实现流程。
1前提条件
在实现基本的实时音视频之前,请确保l直播:
1.已在项目中集成ZEGO Express SDK,详情请参考快速开始-集成和快速开始-实现流程。
2.已在ZEGO控制台创建项目,申请有效的AppID和AppSign,详情请参考控制台 - 项目管理。
2使用步骤
以用户A拉取用户B的流为例,流程如下图:
整个推拉流过程的API 调用时序如下图:
展开全文
2.1创建引擎
1.(可选)创建界面
2. 创建引擎
l 调用 createEngine 接口,将申请到的AppID和AppSign分别传入参数 “appID”和“appSign”,创建引擎。
l 如果需要注册回调方法,开发者可根据实际需要,实现ZegoEventListener中的某些方法,创建引擎后可通过调用on接口设置回调。
2.2登录房间
1.登录
传入用户ID参数“userID” 创建ZegoUser用户对象后,调用loginRoom接口,传入房间ID参数“roomID”和用户参数“user”,登录房间。
2.监听登录房间后的事件回调
可根据实际应用需要,在登录房间后监听想要关注的事件通知,比如房间状态更新、用户状态更新、流状态更新等。
l roomStateUpdate:房间状态更新回调,登录房间后,当房间连接状态发生变更(如出现房间断开,登录认证失败等情况),SDK 会通过该回调通知。
l roomUserUpdate:用户状态更新回调,登录房间后,当房间内有用户新增或删除时,SDK 会通过该回调通知。
只有调用 loginRoom 接口登录房间时传入 ZegoRoomConfig 配置,且 “isUserStatusNotify” 参数取值为 “true” 时,用户才能收到 roomUserUpdate 回调。
l roomStreamUpdate:流状态更新回调,登录房间后,当房间内有用户新推送或删除音视频流时,SDK 会通过该回调通知。
2.3推流
1.开始推流
调用startPublishingStream 接口,传入流ID参数“streamID”,向远端用户发送本端的音视频流。
2.(可选)启动本地预览
3. 监听推流后的事件回调
根据实际应用需要,在推流后监听想要关注的事件通知,比如推流状态更新等。
publisherStateUpdate:推流状态更新回调,调用推流接口成功后,当推流状态发生变更,如出现网络中断导致推流异常等情况,SDK 在重试推流的同时,会通过该回调通知。
2.4拉流
1. 开始拉流
使用zego-remote-view 标签设置远端视频流视图,调用 startPlayingStream 接口,根据传入的流ID参数“streamID”,拉取远端推送的音视频流。
远端用户推送的“streamID”可以从 roomStreamUpdate 回调中获取。
2. 监听拉流后的事件回调
根据实际应用需要,在拉流后监听想要关注的事件通知,比如拉流状态更新等。
playerStateUpdate:拉流状态更新回调,调用拉流接口成功后,当拉流状态发生变更,如出现网络中断导致推流异常等情况,SDK在重试拉流的同时,会通过该回调通知。
2.5 体验实时音视频功能
在真机中运行项目,运行成功后,可以听到本端音频,看到本端视频画面。
通过Web端调试示例(只支持在测试环境下使用),输入相同的App ID和roomID,加入同一房间与真机设备互通。当成功开始直播时,可以同时听到本端和远端音频,看到本端和远端视频画面。
2.6 停止推拉流
1.停止推流/预览
调用stopPublishingStream 接口停止发送本地的音视频流,结束直播。
如果启用了本地预览,开发者可以在停止推流后根据业务需要调用 stopPreview 接口停止预览。
2.停止拉流
调用 stopPlayingStream 接口,停止拉取远端的音视频流。
3.退出房间
调用logoutRoom接口退出房间,本端会收到roomStateUpdate回调通知调用结果,并停止其所有推拉流以及本地预览。
2.7销毁引擎
调用destroyEngine接口销毁引擎,用于释放SDK使用的资源。
以上便是uni-app实现直播功能的具体流程了。
还木有评论哦,快来抢沙发吧~