海康SDK/Ehome协议/RTSP协议/GB28181安防视频云服务EasyCVR中设备管理内无法显示H.265流地址原因分析

随着H.265编码越来越普及,TSINGSEE青犀视频全线产品也都支持H.265编码视频的播放,通过使用H.265编码压缩技术,能够提高EasyNVR、EasyDSS等视频平台的服务性能,降低视频资源的存储空间。

安防视频云服务EasyCVR视频平台也能够支持H.265编码视频的播放,点击设备管理里的通道播放时发现播放的为H.265流地址的时候会出现无法显示的情况。

海康SDK/Ehome协议/RTSP协议/GB28181安防视频云服务EasyCVR中设备管理内无法显示H.265流地址原因分析

分析问题

1>我们在控制台发现播放器DOM节点虽然正常渲染了,但是播放器DOM节点只有宽度没有高度。

海康SDK/Ehome协议/RTSP协议/GB28181安防视频云服务EasyCVR中设备管理内无法显示H.265流地址原因分析

2>点开DOM的属性发现高度给的是100%,不起作用,当给高度50px的时候发现播放器会显示出50px的高度。

海康SDK/Ehome协议/RTSP协议/GB28181安防视频云服务EasyCVR中设备管理内无法显示H.265流地址原因分析

3>排查发现当前播放器版本,在增加了高度属性的情况下,父级DOM需要有实际的高度才能让播放器集成父级的高度。

解决问题

由于是高度不对导致的播放器无法生成,所以我们找到播放器父级的样式属性高度设为500px。


.h-box {
  height: 100%;
  height: 500px;
  position: relative;
  span {
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 5px;
    color: #fff;
    background-color: hsla(0, 0%, 50%, 0.5);
    border-radius: 2px;
    padding: 2px 5px;
    max-width: 120px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    z-index: 9999;
  }
}

校正播放器高度之后得到得预览界面如下图:

海康SDK/Ehome协议/RTSP协议/GB28181安防视频云服务EasyCVR中设备管理内无法显示H.265流地址原因分析

EasyCVR安防视频云服务

EasyCVR安防视频云服务的主要功能是将本地局域网内连通的RTSP视频源,包括但不限于数字网络摄像机、DVR、NVR、编码器等设备视频流,通过RTMP协议推送到阿里腾讯等公有云厂商的视频服务中,具备优秀的视频转码、播放、级联能力。同时该新系统也支持海康SDK、Ehome协议,GB28181国标协议,是一套真正的视频融合平台。

海康SDK/Ehome协议/RTSP协议/GB28181安防视频云服务EasyCVR中设备管理内无法显示H.265流地址原因分析

EasyCVR已经支持集成海康EHome协议,感兴趣的用户可以阅读一下《EasyCVR集成海康EHome协议系列——配置及协议介绍》、《EasyCVR集成海康EHome协议系列——Ehome协议调用流程介绍》等文。

本文由 @陈奕天[Vip] 发布于 职涯宝 ,未经作者许可,禁止转载,欢迎您分享文章

发表评论

登录后才能评论
小程序
小程序
微信客服
微信客服
QQ客服 建站服务
分享本页
返回顶部