在通话或直播的过程中,用户可通过注册相关的回调以获得通话相关的信息,包括推流和拉流的质量报告、接收到音视频首帧的回调、分辨率变化、CDN(Content Delivery Network, 内容分发网络)相关信息和接收 SEI(Supplemental Enhancement Information,媒体补充增强信息)。本文将介绍以下功能:
功能名 | 说明 |
---|---|
监测推拉流质量 |
开发者可分别监控推流质量和拉流质量来判断用户的网络状况,做出相应的处理,从而为用户提供更好的服务。其中推流质量包括帧率、码率、延时和丢包率等参数,拉流质量包括了接收、解码和渲染三个阶段的帧率等参数。 |
监控用户状态 |
用户状态可分为推流方状态和拉流方状态,开发者可监控用户的状态,例如正在请求推流、正在推流、未推流、请求拉流、正在拉流和未拉流等,并执行相应操作。 |
推拉流首帧回调 |
开发者可设置在发送、接收首帧视频或音频时收到回调。 |
监控视频大小变化 |
开发者可选择在视频采集或拉流分辨率大小发生变化时获取通知,以便做出相关操作。 |
监控 CDN 转推状态 |
当开发者选择将音视频流转推到 CDN 后,可通过监控 CDN 转推状态来判断该转推的音视频流是否正常。 |
接收 SEI |
当拉流方接收到 SEI 时,开发者可通过回调获取 SEI 信息内容。 |
通过获取以上信息,开发者可以根据推流/拉流状态执行相关操作。例如在推流质量不佳时做出相应处理、判断推拉流是否成功、判断转推 CDN 的音视频流是否正常或接收 SEI 信息等。
相关概念解释:
SEI 的相关概念及原理请参考 常见问题 - 实时音视频 中的 “如何理解和使用 SEI(媒体补充增强信息)”。
请参考 下载示例源码 获取源码。
相关源码请查看 “/page/example/advance-stream/stream-monitor.nvue” 目录下的文件。
在进行通话质量监测之前,请确保:
开发者可通过注册 publisherQualityUpdate 接收推流质量回调。推流成功后每隔三秒会收到此回调。开发者可根据回调返回的质量参数实时监控推送的音视频流的健康情况,以便在设备 UI 界面上实时展示上行网络状况。
ZegoExpressEngine.instance().on("publisherQualityUpdate", (streamID, quality) => {
console.info(`publisherQualityUpdate:width:streamID:${streamID}, quality:${JSON.stringify(quality)}`);
// 开发者可以在此回调中监控具体的质量以上报到业务服务器做监控,或者监控质量对象的某个字段以给用户友好的提示
// 若开发者不知道监控质量哪个字段可以关注 level 字段,这个字段是质量对象的综合值
})
推流质量包含了采集、编码阶段音视频流的帧率,传输(发送)的音视频流的帧率、码率、延时及丢包率。本节将介绍推流质量 ZegoPublishStreamQuality 内的参数。
推流采集质量贴近用户预览时的主观感受,推流时 SDK 在采集阶段的音视频质量的相关参数如下:
推流时 SDK 在编码阶段的音视频质量的相关参数如下:
推流发送质量是实际推流的质量,与实际的网络质量有关,相关参数如下:
开发者可统计已发送的视频、音频和总字节数,相关参数如下:
开发者可获得所推流的编码信息,相关参数如下:
在 uni-app 项目的 App 平台中,若开发者不清楚该回调接口的各个参数应该如何使用,可只关注 level 参数,这是 ZegoExpressEngine 内部根据质量参数计算的一个描述上行网络的综合值。
level 字段的说明如下:
字段名 | 说明 |
---|---|
ZegoStreamQualityLevel.Excellent | 流质量极好 |
ZegoStreamQualityLevel.Good | 流质量好 |
ZegoStreamQualityLevel.Medium | 流质量正常 |
ZegoStreamQualityLevel.Bad | 流质量差 |
ZegoStreamQualityLevel.Die | 流质量异常 |
在 Web 平台,开发者可以关注 videoQuality 和 audioQuality
开发者可通过注册 playerQualityUpdate 接收拉流质量回调。拉流成功后每隔三秒会收到此回调。开发者可根据回调返回的质量参数实时监控拉取的音视频流的健康情况,以便在设备 UI 界面上实时展示下行网络状况。
ZegoExpressEngine.instance().on("playerQualityUpdate", (streamID, quality) => {
console.info(`playerQualityUpdate:streamID:${streamID}, quality:${JSON.stringify(quality)}`);
// 开发者可以在此回调中监控具体的质量以上报到业务服务器做监控,或者监控质量对象的某个字段以给用户友好的提示
// 若开发者不知道监控质量哪个字段可以关注 level 字段,这个字段是质量对象的综合值
})
拉流质量包含了接收的音视频流的帧率、码率、延时和丢包率,解码阶段音视频流的帧率,以及渲染阶段的帧率、卡顿率、音视频整体质量。本节将介绍推流质量 ZegoPlayStreamQuality 内的参数。
拉流接收质量是实际的拉流质量,与实际的推流质量和当前的网络质量相关。相关参数如下:
拉流渲染质量贴近用户观看音视频的主观感受,该质量受解码器影响可能低于实际接收的拉流质量值。相关参数如下:
开发者可统计已接收的视频、音频和总字节数,相关参数如下:
开发者可获得所拉流的解码信息,相关参数如下:
在推流成功后,开发者可通过 publisherStateUpdate 获取推流状态变更的通知。
ZegoExpressEngine.instance().on("publisherStateUpdate", (streamID, state, errorCode, extendedData) => {
console.info(`publisherStateUpdate:streamID:${streamID}, state:${state}, errorCode:${errorCode}, extendedData:${JSON.stringify(extendedData)}`);
// 当 state 为 ZegoPublisherState.NoPublish 时,且 errcode 非 0,表示推流失败,同时不会再进行重试推流了,此时可在界面作出推流失败提示;
// 当 state 为 ZegoPublisherState.PublishRequesting 时,且 errcode 非 0,表示在重试推流,此时如果超出重试时间未成功推流会抛出推流失败通知。
})
开发者可根据回调内的 “state” 参数是否在“正在请求推流状态”来大体判断用户的推流网络情况。“state” 参数的取值与用户推流状态对应如下:
枚举值 | 说明 |
---|---|
ZegoPublisherState.NoPublish |
未推流状态,在推流前处于该状态。如果推流过程出现稳态的异常,例如 AppID、AppSign、或 Token 等不正确,或者如果其他用户已经在推送流,推送相同流 ID 的流会失败,都会进入未推流状态。 |
ZegoPublisherState.PublishRequesting |
正在请求推流状态,推流操作执行成功后会进入正在请求推流状态,通常通过该状态进行 UI 界面的展示。如果因为网络质量不佳产生的中断,SDK 会进行内部重试,也会回到正在请求推流状态。 |
ZegoPublisherState.Publishing |
正在推流状态,进入该状态表明推流已经成功,用户可以正常通信。 |
参数 “extendedData” 为状态更新附带的扩展信息。若使用 ZEGO 的 CDN 内容分发网络,在推流成功后,该参数的内容的键为 “flv_url_list”、“rtmp_url_list”、“hls_url_list”。分别对应 flv、rtmp、hls 协议的拉流 URL。
在拉流成功后,开发者可通过 playerStateUpdate 获取拉流状态变更的通知。
ZegoExpressEngine.instance().on("playerStateUpdate", (streamID, state, errorCode, extendedData) => {
console.info(`playerStateUpdate:streamID:${streamID}, state:${state}, errorCode:${errorCode}, extendedData:${JSON.stringify(extendedData)}`);
// 当 state 为 ZegoPlayerState.NoPlay 时,且 errcode 非 0,表示推流失败,同时不会再进行重试推流了,此时可在界面作出推流失败提示;
// 当 state 为 ZegoPlayerState.PlayRequesting 时,且 errcode 非 0,表示在重试推流,此时如果超出重试时间未成功推流会抛出推流失败通知。
})
开发者可根据 “state” 参数是否在 “正在请求拉流状态” 来大体判断用户的拉流网络情况。“state” 参数的取值与用户拉流状态对应如下:
枚举值 | 说明 |
---|---|
ZegoPlayerState.NoPlay |
未拉流状态,在拉流前处于该状态。如果拉流过程出现稳态的异常,例如 AppID、AppSign、或 Token 等不正确,都会进入未拉流状态。 |
ZegoPlayerState.PlayRequesting |
正在请求拉流状态,拉流操作执行成功后会进入正在请求拉流状态,通常通过该状态进行应用界面的展示。如果因为网络质量不佳产生的中断,SDK 会进行内部重试,也会回到正在请求拉流状态。 |
ZegoPlayerState.Playing |
正在拉流状态,进入该状态表明拉流已经成功,用户可以正常通信。 |
在 Web 中,暂不支持音视频首帧回调的相关方法及回调。
开发者可通过注册 publisherCapturedAudioFirstFrame 接收音频首帧回调。调用推流接口成功后,SDK 采集到第一帧音频数据时会收到此回调。
在未推流或未预览的情况下,首次推流或首次预览,即 SDK 内部的音视频模块的引擎启动时,会去采集本机设备的音频数据,会收到该回调。开发者可根据该回调判断 SDK 是否真的采集到音频数据,若未收到该回调,说明音频采集设备被占用或异常。
ZegoExpressEngine.instance().on("publisherCapturedAudioFirstFrame", () => {
console.info(`publisherCapturedAudioFirstFrame`);
})
本节操作仅适用于音视频场景,纯音频场景下无需设置。
开发者可通过注册 publisherCapturedVideoFirstFrame 接收视频首帧回调。调用推流接口成功后,SDK 采集到第一帧视频数据时会收到此回调。
在未推流或未预览的情况下,首次推流或首次预览,即 SDK 内部的音视频模块的引擎启动时,会去采集本机设备的视频数据,会收到该回调。开发者可根据该回调判断 SDK 是否真的采集到视频数据,若未收到该回调,说明视频采集设备被占用或异常。
ZegoExpressEngine.instance().on("publisherCapturedVideoFirstFrame", (channel) => {
console.info(`publisherCapturedVideoFirstFrame:width:channel:${channel}`);
})
开发者可通过注册 playerRecvAudioFirstFrame 监听拉流段音频接收首帧回调。调用拉流接口成功后,SDK 拉流拉到第一帧音频数据时会收到此回调。
ZegoExpressEngine.instance().on("playerRecvAudioFirstFrame", (streamID) => {
console.info(`playerRecvAudioFirstFrame:streamID:${streamID}`);
})
本节操作仅适用于音视频场景,纯音频场景下无需设置。
开发者可通过注册 playerRecvVideoFirstFrame 监听拉流段接收视频首帧回调。调用拉流接口成功后,SDK 拉流拉到第一帧视频数据时会收到此回调。
ZegoExpressEngine.instance().on("playerRecvVideoFirstFrame", (streamID) => {
console.info(`playerRecvVideoFirstFrame:streamID:${streamID}`);
})
开发者可通过注册 playerRenderVideoFirstFrame 监听拉流端渲染完视频首帧回调。调用拉流接口成功后,SDK 拉流并渲染完第一帧视频数据后会收到此回调。
开发者可用该回调来统计首帧耗时或更新播放流的 UI 组件。
ZegoExpressEngine.instance().on("playerRenderVideoFirstFrame", (streamID) => {
console.info(`playerRenderVideoFirstFrame:streamID:${streamID}`);
})
本节操作仅适用于音视频场景,纯音频场景下无需设置。
在 Web 中,暂不支持采集视频分辨率变更回调。
开发者可通过注册 publisherVideoSizeChanged 监听采集视频大小变更回调。推流成功后,在推流中途如果有改变视频采集分辨率发生变化将会收到此回调。
当在未推流或未预览的情况下,首次推流或首次预览,即 SDK 内部的音视频模块的引擎启动时,会去采集本机设备的视频数据,此时采集分辨率会改变。
开发者可以根据此回调来去除本地预览的 UI 的遮盖等类似操作。也可以根据该回调的分辨率来动态调整预览视图的比例等。
ZegoExpressEngine.instance().on("publisherVideoSizeChanged", (width, height, channel) => {
console.info(`publisherVideoSizeChanged:width:${width}, height:${height}, channel:${channel}`);
})
开发者可通过注册 playerVideoSizeChanged 获取拉流分辨率变更通知。拉流成功后,在拉流中途如果有视频分辨率发生变化将会收到此回调,用户可根据流的最终分辨率调整显示。
ZegoExpressEngine.instance().on("playerVideoSizeChanged", (streamID, width, height) => {
console.info(`playerVideoSizeChanged:streamID:${streamID},width:${width},height:${height}`);
})
联系我们
文档反馈