H5实现视频监控网络直播时前端自动适配

H5直播

目前很多视频直播、点播方案都有H5客户端的需求。传统安防行业互联网话也同样需要可以在各类Windows和移动终端、微信等浏览器器实现H5直播、回放。

前端适配

因为Windows和各类移动终端分辨率、尺寸等不尽相同，因此在实现H5播放页面时就需要根据不同终端进行适配，选举合适的展示方式。

如下是摘自LiveGBS将传统安防摄像头进行移动互联网话直播方案的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;
     }