当前位置: 移动技术网 > IT编程>网页制作>Html5 > H5实现视频监控网络直播时前端自动适配

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

2017年12月22日  | 移动技术网IT编程  | 我要评论

全城热恋20140223,调速电机,打拐网

H5直播

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

前端适配

因为Windows和各类移动终端分辨率、尺寸等不尽相同,因此在实现H5播放页面时就需要根据不同终端进行适配,选举合适的展示方式。
如下是摘自EasyNVR将传统安防摄像头进行移动互联网话直播方案的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;
     }
下载

EasyNVR就是实现将传统安防RTSP摄像机实现在互联网直播、录像、回放,兼容Windows和各移动终端。

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网