chengwengao / camera_preview Goto Github PK

一个使用海康威视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有诸多不完善的地方，个人水平有限，希望能给刚接触的朋友提供一些帮助：）