EasyCVR是TSINGSEE青犀視頻研發安防視頻融合平臺，設備端有公網IP，可通過海康SDK、Onvif/RTSP、GB28181、ehome協議接入到EasyCVR中；設備端無公網IP，可通過GB28181、ehome協議接入到EasyCVR中，也可在內網安裝EasyNTS設備，與公網建立傳輸通道，這樣即可通過海康SDK、Onvif/RTSP接到EasyCVR中，
近期我們的前端研發人員在優化EasyCVR播放界面時，發現播放單通道時，界面出現了樣式重疊，遮擋了角落鏡頭，如下圖：
隨后研發人員重啟了專案，專案在本機顯示正常，然后經過排查發現只有在電腦螢屏解析度為125%和播放H265視頻的時候才會出現重疊效果，根據這個前提，我們可以進行以下修正排查：
1>監聽設備是否為125%，
const state = {
pixel: window.devicePixelRatio === 1.25,
isIE: !!window.ActiveXObject || "ActiveXObject" in window,
siderlist: [],
favoriteslist: []
};
2>找到顯示播放器的樣式添加樣式
.sereen-player-box1 {
padding-bottom: 47%;
}
.sereen-player-box2 {
padding-bottom: 44%;
}
.sereen-player-box3 {
padding-bottom: 56%;
}
3>根據監聽的螢屏是為125%顯示對應的樣式
:class="[
{ 'sereen-player-box1': !isPlayer && aspects == 47 },
{ 'sereen-player-box2': !isPlayer && aspects == 44 },
{ 'sereen-player-box3': !isPlayer && aspects == 56 }
]"
修正之后的界面顯示如下圖：
EasyCVR安防是云服務支持阿里云、騰訊云、華為云、七牛云等，支持S3和Swift介面的物件存盤服務，簡單配置，部署更高效；且支持傳統網路攝像機、NVR、編碼器、SDK等設備，最大程度的提高了硬體設備的兼容性，如果大家有興趣了解，可至TSINGSEE青犀視頻聯系我們，
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/74327.html
標籤：其他
上一篇：新派系統Web前端架構