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

最新推荐文章于 2025-07-17 12:53:55 发布

jinlong0603

最新推荐文章于 2025-07-17 12:53:55 发布

阅读量5.9k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： LiveGBS 文章标签：安防直播 H5直播录像回放网络直播 rtsp转rtmp

安防监控平台www.liveqing.com

本文链接：https://blog.youkuaiyun.com/jinlong0603/article/details/77104573

LiveGBS 专栏收录该内容

129 篇文章

订阅专栏

本文介绍了一种适用于多种设备的H5直播方案，该方案能够实现在不同分辨率和尺寸的Windows及移动终端上进行视频直播与回放。为适应各种终端，前端页面需要进行相应的适配。

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;
     }