vue2集成海康摄像头

vue2hkCamera

介绍

用vue结合element，借助海康最新web3.2无插件demo写的拍照系统
功能：预览，上下左右放大缩小，拍照及保存

注：预览里，需求是看到全身照，所以整个场景仅展示中间1/3，后面涉及到抓拍预览及保存，用到了canvas裁剪也仅保存中间1/3

代码暂时用的传统模式，未使用vue-cli，需要可一同交流
此版无需安装任何插件即可在谷歌浏览器预览海康摄像头

需交流或商用请加本人微信Stefbling

觉得有用请点个赞，感谢！

软件架构

vue2+element+hk无插件js

安装教程

1. 需要用到nginx代理
2. 本地化连接需要和设备保持同网段
3. 地址：https://gitee.com/stefbing/vue2hk-camera

特技

1. 之前有遇到一个问题，海康的demo无法抓图上传，现已解决