Wex5+海康網路攝影機+cordova封裝 實現NVR對接視頻線上監控

上一篇寫過流媒體視頻對接方式實現線上監控網路攝影機，這次在寫寫NVR對接

一．開發準備

1.Wex5開發工具

2.Eclipse開發工具

3.Android Stdio開發工具

說明：Eclipse用來運行海康視頻監控的Demo並進行簡化；Wex5開發工具用來打包項目產生APK；Android Stdio用來運行產生的編譯項目，調試封裝的外掛程式。

二．簡化Android源碼

為了便於封裝成Cordova外掛程式，將原生端的所有布局檔案全部刪除，在啟動頁用代碼建立一個線性布局和SurfaceView

在onCreate中接受傳遞的參數，在頁面建立方法中實現自動登入並調用單屏播放方法，在頁面銷毀方法中調用登出方法。

1. 聊城防汛移動端NVR視頻對接參數：IP、連接埠號碼、使用者名稱、密碼、通道號。

2. 濟南、昌樂防汛移動端流媒體視頻對接參數：IP、使用者名稱、密碼、視頻編碼。

三．封裝Cordova外掛程式

3.1 濟南防汛流媒體視頻對接方式Cordova外掛程式封裝

3.1.1 建立cordova目錄

3.1.2 將目錄拷貝到wex5中的Native/plugins目錄下，打包的時候就會顯示出來。

3.1.3.目錄檔案中的plugin.xml配置說明

第一次做的時候完全可以參照voiceManager複製一份修改包名及方法名

這個設定檔中特別注意啟動頁配置及.so類型的jar包配置，做過原生開發的應該清楚.so類型的jar包在android目錄中一般有兩個目錄

原生頁面中的類一個不能少必須全部配置

3.1.4. video.js 中實現調用原生頁面的方法

3.1.5.這是實現你原生想法的頁面，進入到這個頁面就說明你封裝原生代碼成功了，我在此頁面實現了資料的傳遞及頁面跳轉，MyLiveActivityNoXml.java頁面是實現視頻監控的正真原生頁面

 

3.2 聊城防汛NVR視頻對接方式Cordova外掛程式封裝

封裝步驟類似3.1

 

四．項目整合

打包的時候，濟南防汛流媒體視頻對接的勾選第一個外掛程式，聊城防汛NVR視頻對接的勾選第二個外掛程式即可。

 

五．外掛程式調用方式

濟南防汛流媒體視頻對接調用方式： videoManager.setPlayMode(IP,使用者名稱,密碼,視頻編碼,success,fail);

聊城防汛NVR視頻對接調用方式：

videoManager.setPlayMode(IP, 連接埠號碼, 使用者名稱, 密碼, 通道號, success, fail);

NVR對接成功demo：