监控智能摄像头通过国标GB28181协议视频平台接入EasyGBS如何实现移动端的适配？

原创于 2021-01-05 17:18:05 发布 · 791 阅读

CC 4.0 BY-SA版权

文章标签：

874 篇文章

订阅专栏

本文介绍了TSINGSEE青犀视频团队开发的视频云智能分析平台如何进行移动端适配，包括通过检测页面宽度和返回值区分的方式判断是否为移动端访问，并提供适配方案。

很多咨询者来问我们，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;
    },

此外，通过国标GB28181协议推流平台EasyGBD推送的视频流也可以直接在web页面或者手机移动端观看，在很多户外安防直播或者警卫执勤中，有很广泛的实用性。EasyGBD是TSINGSEE青犀视频新开发的国标推流平台，如果大家有兴趣，欢迎联系我们了解。