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來判斷區分。