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測試。