Onvif/RTSP網絡安防攝像機網頁無插件直播方案EasyNVR如何判斷前端設備的類型？

進入移動互聯網時代以來，企業微信公衆號已成爲除官網之外很是重要的宣傳渠道，當3.2億直播用戶與9億微信用戶的勢能累加，在微信上開啓直播已成爲愈來愈多企業的必然選擇。

EasyNVR核心在於攝像機的音視頻流的獲取、轉換、轉碼與高性能分發，同時同步完成對實時直播流的錄像存儲，在客戶端（PC瀏覽器、Android、iOS、微信）進行錄像文件的檢索、回放和下載。

EasyNVR客戶端的PC端和移動端差別

因爲PC端、移動端自身硬件的差別，所須要展現的樣式會存在必定的差異。攝像機接入類型是ONVIF時，EasyNVR視頻實時播放界面中，PC端會提供雲臺控制界面；而爲了用戶有更好的觀感和體驗，移動端則會隱藏此界面。

在初始加載時如何判斷前端設備的類型

• 在全局中定義一個js方法；在須要區分客戶端類型的地方自動執行該方法；

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播放頁面在加載時判斷爲PC端時，將雲臺控制界面展現出來；

if(isPC()){
     $("#ipcam_div").show();
 }

• 若是須要細分到移動端的具體類型能夠根據isPC中agents數組中具體元素來進行區分。
• 區分pc端的瀏覽器類型能夠根據navigator.userAgent來判斷區分。