H5实现视频监控网络直播时前端自动适配
H5直播
目前很多视频直播、点播方案都有H5客户端的需求。传统安防行业互联网话也同样需要可以在各类Windows和移动终端、微信等浏览器器实现H5直播、回放。
前端适配
因为Windows和各类移动终端分辨率、尺寸等不尽相同,因此在实现H5播放页面时就需要根据不同终端进行适配,选举合适的展示方式。
如下是摘自LiveNVR将传统安防摄像头进行移动互联网话直播方案的H5代码。
function isPC() {
var ua = navigator.userAgent.toLowerCase();
var agents = ["android", "iphone",
"symbianos", "windows phone",
"ipad", "ipod"
];
var flag = true;
for (var v in agents) {
if (ua.indexOf(agents[v]) > 0) {
flag = false;
break;
}
}
return flag;
}
下载
LiveNVR就是实现将传统安防RTSP摄像机实现在互联网直播、录像、回放,兼容Windows和各移动终端。
大家可以在 https://gitee.com/liveqing/ReleaseVersion/releases/LiveNVR下载LiveNVR测试。