大华视频插件简单二次开发经验及问题总结

之前做了一起关于海康威视视频插件二次开发的经验总结,正好公司在监控页面上加了新的需求,要求添加大华视频插件方法,经过一番奋战后,总算完整解决了大华插件中的一些问题。那么这次就来谈谈大华视频插件二次开发中的一些东西。

在正式开始之前,得先说一句,开发大华插件中遇到的最大问题不是代码上的问题而是插件版本过多,算上公司找官方提供的二次开发包加上我自己在网上搜罗的一些总共有五六种不同的开发包,甚至网上流传的可能有更多,不同的开发包使用着不同的插件及文档,在提供的方法上也有很多的不同,因此在开发对应的需求上就相应地遇到了很多困难,就比如插件中获取通道列表这个方法在我获得的好几个版本的开发包的文档中就没有提供相应的方法,直到最后一次于大华公司研发的负责人交流才拿到相对全面的最新开发包,这才解决了对大华视频插件开发的首要问题。

环境与设备支持

首先放一下我获取到的相对来说较为全面的大华视频开发包连接:https://pan.baidu.com/s/1CPA-wm0WBmb2WDYHaSNdJw    

密码:ix41

与海康威视视频插件的文档不同,大华插件提供的二次开发文档中并没有关于插件运行环境方面相关的内容,但根据本人实测目前高版本的Firefox和Chrome是不能支持该插件的,因此对于该插件的使用可以对比海康插件,大华插件除了没有浏览器位数的限制,其他的就对照海康控件的来,选用低版本的浏览器或者直接使用IE浏览器。

demo

大华视频插件简单二次开发经验及问题总结

 快速二次开发

首先是test.html

1 <!doctype html> 2 <html> 3 <head> 4 <title></title> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6 <meta http-equiv="Pragma" content="no-cache" /> 7 <meta http-equiv="Cache-Control" content="no-cache, must-revalidate" /> 8 <meta http-equiv="Expires" content="0" /> 9 <script> 10 document.write("<link type=http://www.likecs.com/\'text/css\' href=http://www.likecs.com/\'../css/demo.css?version=" + new Date().getTime() + "\' rel=http://www.likecs.com/\'stylesheet\' />"); 11 </script> 12 </head> 13 <body> 14 <div id="divPlugin" class="plugin"></div> 15 </body> 16 <script src="../lib/jquery-1.7.1.min.js"></script> 17 <script src="../module/foundation.js"></script> 18 <script src="../module/WebVideoCtrl.js"></script> 19 <script src="test.js"></script> 20 </html>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zwzwfx.html