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自行编写

一个页面不能同时启动两个摄像头,只能通过窗口分割显示