超级会员免费看
本文介绍了如何在Wex5项目中利用Cordova封装海康摄像头播放器，实现流媒体对接视频在线监控。通过删除海康原生应用的冗余代码，保留播放视频界面，再将其封装为Cordova插件，最终在Wex5页面调用实现视频播放。详细过程包括：新建cordova目录，配置plugin.xml，实现video.js与原生页面交互，以及在Wex5页面调用插件方法。文章提供了相关代码示例和demo下载链接。
上个项目是用wex5开发的，项目中有用到视频播放功能，对于本地视频或者存储到服务器的视
如果此信息过期，可以私我VX：beibei7278，也可订做海康、大华视频监控插件开发
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目录
订阅专栏 解锁全文
扫一扫
4521
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
