上个项目是用wex5开发的,项目中有用到视频播放功能,对于本地视频或者存储到服务器的视频,wex5自带的插件都支持播放,海康视频监控在原生端做的很好了,h5目前还不支持,我们的思路只能是将海康视频播放器封装成cordova插件,然后在wex5中调用,其中有部分坑记录下来备用。
运行海康给的原生播放demo,需要地址、用户名、密码,登陆进去就能实现播放。首先我们将海康原生中没用的代码移除,只保留一个播放视频的界面,将多余的文件全部删除,原生端弄完后可以直接运行,传递四个参数:ip地址、用户名、密码、视频编码值。
原生端做完后需要封装成cordova插件,参照wex5官网的cordova插件封装的demo:wex5封装cordova插件步骤 ,前面的基本没啥用,我们最后要的是一个cordova插件,直接从 2.4 整合代码为标准的cordova插件 开始看就行 ,参照voiceManager的目录自己建一个目录,然后我们要做的就是修改整儿的文件名内容配置文件,最后将完成的cordova插件拷贝到wex5的Native目录中的plugins,然后我们在打包的时候搜索我们的命令就可以看着这个插件,在wex5页面直接调用方法就可以,下面介绍下cordova插件封装的几个坑
1.新建cordova目录
2.将目录拷贝到wex5中的Native/plugins目录下,打包的时候就会显示出来
3.目录文件中的plugin.xml配置说明
第一次做的时候完全可以参照voiceManager复制一份修改报名及方法名
这个配置文件中特别注意启动页配置及.so类型的jar包配置,做过原生开发的应该清楚.so类型的jar包在android目录中一般有两个目录
原生页面中的类一个不能少必须全部配置
4. video.js 中实现调用原生页面的方法