综合安防Onvif、RTSP、GB28181视频云服务H5无插件直播点播卡顿的解决方案

ゝ一世哀愁。 2023-10-14 15:48 7阅读 0赞

网页无插件播放卡顿问题描述  
通过浏览器WEB管理视频直播点播有布局简单、客户端集成方便、访问方便、无需安装客户端软件等优点，但是同时也存在以下两个问题：

H5网页播放存在摄像机设备（比如大华）发送过来的视频帧时间戳不均匀导致播放卡顿的情况是存在的，这种情况在公网和局域网都存在卡顿的现象。  
H5通过JavaScript引擎进行视频解码的效率是比较低下的，所以，在H264编码格式时，我们可以通过H5调用硬件显卡进行解码加速；而对于H265编码格式，我们只能通过liveWebPlayer.js提供的wasm网页汇编进行软解码，这效率相对比较地下，所以，网页H5无插件播放就会面临解码来不及导致卡顿的问题。  
卡顿解决方案  
针对上述描述的两个问题，liveweb云平台系统集成的liveWebPlayer.js H5播放器采用两种不同的算法机制解决：

针对第一个问题，liveWebPlayer.js采用先进的解码渲染队列机制，采用严格的25FPS帧率进行队列渲染，达到不依赖解码以及播放时间戳依然平滑播放的效果；

针对第二个问题liveWebPlayer.js采用先进的缓存丢帧和组帧算法策略，将来不及渲染的H265 GOP中的P帧丢掉，定期清理缓存防止浏览器堆帧导致出现大量内存缓存数据导致浏览器崩溃，然后再结合第一点解码平滑算法，达到丢帧而不卡顿的播放效果。

关于liveweb云平台  
liveweb云平台是一个基于Web网页H5无插件直播点播的视频云综合监控管理系统:

支持 WEB 页面配置管理;

支持组织机构管理;

支持设备或平台通过GB/T28181协议接入;

支持IPC、NVR通过Onvif协议接入;

支持IPC、NVR通过RTSP协议接入;

支持设备状态管理, 可实时查看设备在线状态;

支持标准的RTSP协议输出;

支持基于WebSocket的RTSP协议输出;

支持全平台（PC/Android/iOS/微信/H5）观看;