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：

 

技术交流

如果信息过期，请私我VX：beibei7278，也可做定制海康、大华摄像头监控插件开发