监控智能摄像头通过国标GB28181协议视频平台接入EasyGBS如何实现移动...
监控智能摄像头通过国标GB28181协议视频平台接⼊EasyGBS
如何实现移动端的适配?
很多咨询者来问我们,TSINGSEE青犀视频团队开发的视频云智能分析平台是否有⼿机APP,其实除了EasyRTMP、EasyGBD等推流辅助⼯具外,视频智能分析平台都是没有APP的。由于我们的平台为⽹页⽆插件的直播平台,因此在⼿机上,我们也有适配页⾯,可直接由⽹页进⼊,⽆需下载APP。
⽐如国标GB28181协议视频平台EasyGBS的移动端适配界⾯如下:
当初我们做⼿机适配的开发时,也碰到了不少难题,其中第⼀个就是如何区分页⾯是不是在移动端打开。在web前端主要做PC端web页⾯,同时需要做移动端的适配,因此如何区分页⾯是不是在移动端打开是解决难题的关键。
下⾯跟⼤家分享⼀下我们是如何在移动端适配开发中解决这个问题的。
⼀般我们前端会采⽤两种⽅式,⼀种是检测页⾯宽度,另⼀种是返回值区分。
1、检测页⾯宽度⽅式:
我们可以通过以下代码了解到但⼩于560px就可以认定为移动端,然后渲染指定的样式就⾏了。
@media screen and (max-width: 560px) {
}
2、返回值区分⽅式:
通过以下代码可以获取返回值,再通过返回值来区分是否是移动端打开的的登录界⾯。
isMobile:function() {
return videojs.browser.IS_IOS || videojs.browser.IS_ANDROID;
},
小视频app开发此外,通过国标GB28181协议推流平台EasyGBD推送的视频流也可以直接在web页⾯或者⼿机移动端观看,在很多户外安防直播或者警卫执勤中,有很⼴泛的实⽤性。EasyGBD是TSINGSEE青犀视频新开发的国标推流平台,如果⼤家有兴趣,欢迎了解。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。