Uni-app如何实现直播功能

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

1前提条件

在实现基本的实时音视频之前，请确保：

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

内容出处：，

声明：本网站所收集的部分公开资料来源于互联网，转载的目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品，请与我们取得联系，我们会及时修改或删除。文章链接：http://www.yixao.com/tech/25177.html

Uni-app如何实现直播功能

相关推荐

发表评论