1.下载海康威视开发包
http://open.hikvision.com/download/5cda567cf47ae80dd41a54b3?type=10&id=4c945d18fa5f49638ce517ec32e24e24
2.打开目录中demo下的index.html
输入IP地址,端口,用户名,密码点击登录成功之后开启预览即可看到画面
2 .打开vue项目
在public文件夹中放入下面这三个文件,都在开发包中
在index.html中引入该文件
新建vue文件
一监控
.point {
height: 100%;
text-align: center;
.plugin {
height: 90% !important;
width: 100% !important;
margin-top: 10px;
}
}
.img {
width: 2rem;
position: absolute;
right: 0;
}
.imgs {
margin: .5rem auto;
display: block;
}
直接cv即可 如需其他功能自行查看开发包中的demo.html自行编写
一个页面不能同时启动两个摄像头,只能通过窗口分割显示