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：