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

Posted marvin1311

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了LiveNVR实现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://www.liveqing.com/docs/download/LiveNVR.html下载LiveNVR测试。

获取更多信息

安防流媒体互联直播-QQ交流群:615081503

国标GB28181无插件LiveGBS-QQ交流群:947137753

WEB:www.liveqing.com

Tel:189-5515-0114 (同微信)

Copyright ? LiveQing.com 2016-2019

以上是关于LiveNVR实现H5视频监控网络直播时前端自动适配的主要内容,如果未能解决你的问题,请参考以下文章

LiveNVR拉转Onvif/RTSP/RTMP/FLV/HLS直播流流媒体服务视频广场页面集成视频播放集成说明

前端开发:H5直播起航

LiveNVR实现安防摄像头RTSP WEB无插件直播中ONVIF预制位接口的使用说明

安防摄像头WEB端直播,实现按需播放,节省带宽和服务器压力

H5视频直播扫盲

新版微信h5视频自动播放