海康SDK/Ehome協定/RTSP協定/GB28181安防視訊雲服務EasyCVR中裝置管理內無法顯示H.265流地址原因分析

隨著H.265編碼越來越普及，TSINGSEE青犀視訊全線產品也都支援H.265編碼視訊的播放，通過使用H.265編碼壓縮技術，能夠提高EasyNVR、EasyDSS等視訊平臺的服務效能，降低視訊資源的儲存空間。

安防視訊雲服務EasyCVR視訊平臺也能夠支援H.265編碼視訊的播放，點選裝置管理裡的通道播放時發現播放的為H.265流地址的時候會出現無法顯示的情況。

分析問題

1>我們在控制檯發現播放器DOM節點雖然正常渲染了，但是播放器DOM節點只有寬度沒有高度。

2>點開DOM的屬性發現高度給的是100%，不起作用，當給高度50px的時候發現播放器會顯示出50px的高度。

3>排查發現當前播放器版本，在增加了高度屬性的情況下，父級DOM需要有實際的高度才能讓播放器整合父級的高度。

解決問題

由於是高度不對導致的播放器無法生成，所以我們找到播放器父級的樣式屬性高度設為500px。

<style lang="scss" scoped>
.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;
  }
}
</style>

校正播放器高度之後得到得預覽介面如下圖:

EasyCVR安防視訊雲服務

EasyCVR安防視訊雲服務的主要功能是將本地區域網內連通的RTSP視訊源，包括但不限於數位網路攝像機、DVR、NVR、編碼器等裝置視訊流，通過RTMP協定推播到阿里、騰訊等公有云廠商的視訊服務中，具備優秀的視訊轉碼、播放、級聯能力。同時該新系統也支援海康SDK、Ehome協定，GB28181國標協定，是一套真正的視訊融合平臺。

EasyCVR已經支援整合海康EHome協定，感興趣的使用者可以閱讀一下《EasyCVR整合海康EHome協定系列——設定及協定介紹》、《EasyCVR整合海康EHome協定系列——Ehome協定呼叫流程介紹》等文。