上一篇写过流媒体视频对接方式实现在线监控摄像头,这次在写写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: