一个使用海康威视WebComponents.exe控件做开发的小例子,可以预览摄像头,云台,录像机等设备。 ####主要使用技术与插件:
- 视频插件 webVideoCtrl.js(不支持chrome:( )
- 服务环境 nodeJs+express
- 布局 bootstrap
- 树形控件 zTree
- 监控节点信息动态从mysql数据库读取,可按照按照实际情况组织结构关系。默认有两级,一级是机构,二级是摄像头。
- 点击摄像头节点可实现预览与暂停的功能。
- 实现1*1,2*2,3*3 分屏显示。
- 导入data/school_camera.sql & 修改数据库配置 route/index.js line 14
- 修改摄像服务器登录信息配置 public/javascripts/list.js line 66
- npm intall & npm start
- 访问localhost:3000/list
- 开始预览~
主分支版本未给我们提供相应版本的WebComponents.exe控件,之前在网上找了一个版本,运行提示控件得升级,后来在CSDN上下载了一个版本,正常运行,因此把该版本放入项目中,方便大家使用,该控件在widget/WebComponents.exe目录下, 双击安装即可,需要注意的是,如果之前安装了一个低版本的该控件,请先关闭所有浏览器,卸载低版本的控件,然后安装正确版本的控件,否则在安装正确版本的控件时会提示遇到错误,虽然忽略这些错误可以继续安装, 但是安装好后还是提示需要升级,因此还是建议大家先卸载低版本的,再安装高版本的。
demo有诸多不完善的地方,个人水平有限,希望能给刚接触的朋友提供一些帮助:)