uniapp如何实现直播功能(uniapp做直播应用实战)

Uni-app是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。其中,uni-app如何实现直播功能?下面我们一起来到ZEGO即构科技的官网看看相关实现流程。

1前提条件

在实现基本的实时音视频之前,请确保:

1.已在项目中集成ZEGO Express SDK,详情请参考快速开始-集成和快速开始-实现流程。

2.已在ZEGO控制台创建项目,申请有效的AppID和AppSign,详情请参考控制台 – 项目管理。

2使用步骤

以用户A拉取用户B的流为例,流程如下图:

uniapp如何实现直播功能(uniapp做直播应用实战)

整个推拉流过程的API 调用时序如下图:

uniapp如何实现直播功能(uniapp做直播应用实战)

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实现直播功能的具体流程了,如有不清楚的地方,可登录ZEGO即构科技官方网站进行了解。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。