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测试。