海康威视摄像头在web端视频展示
web3.0开发包 中有demo,有文档,有中英文版,有exe控件。(对浏览器有限制,360能用)
下载运行后看到如下界面
填写自己的设备信息,用户名密码,点击登陆,点击预览按钮,即可实现预览功能。
以上功能需要自己手动点击配置,然而需求中都是打开页面自己看到监控画面,所以一套流程需要自动完成
- 视频自动登陆获取
- 视频画面一个接一个依次出现
- 总10个摄像头,可轮播一次展示4个,隔段时间展示另四个
代码流程
var deviceListArray = [
{
szIP: '172.16.77.100',
szPort: '80',
szUsername: 'admin',
szPassword: '*****'
},
{
szIP: '172.16.77.100',
szPort: '80',
szUsername: 'admin',
szPassword: '*****'
},
{
szIP: '172.16.77.100',
szPort: '80',
szUsername: 'admin',
szPassword: '*****'
},
{
szIP: '172.16.77.100',
szPort: '80',
szUsername: 'admin',
szPassword: '*****'
},
{
szIP: