海康威视的视频如何显示在web页面上显示

 

我的qq 2038373094

我做的是微信小程序、网站、手机app，后端java+前端vue、bootstrap框架、原生的html+css+js都会

做过律师在线咨询系统、共享农场手机app、在线心理咨询系统、作业帮小程序

 

我下载了海康威视web开发包，下载地址如下 https://download.csdn.net/download/qq_37591637/11211031

然后我在页面上面显示的时候，老是提示没有安装插件

百度了几天，有人说是海康威视的web包只适用于32位的ie浏览器

我要辟谣

不是的

64位也适合，而且最好是ie的版本越高越好，我的是ie11

 

配置如下

1、我的操作系统是win7 64位

2、浏览器是ie11

3、自定义安全级别，让ActiveX可以被允许加载

4、海康威视web开发包，没有的话，上面有下载的地址  https://download.csdn.net/download/qq_37591637/11211031

 

前提

1、摄像头和你的电脑是一个局域网

我的摄像头ip是192.168.10.64,我的电脑的局域网ip是192.168.10.1

2、关闭所有的浏览器，安装webcomponents.exe

3、打开ie浏览器，设置允许ActiveX等插件通过；

4、在浏览器上面输入摄像头的ip地址，输入用户名和密码，进入预览，看看摄像头显示本身有没有问题

我的显示是没有问题的（目的，如果摄像头本身显示有问题的话，网页的参数不管怎么设置都不会出来画面的）

 

实际应用

1、用ie浏览器打开demo.html页面

 

这个时候，应该是黑色的区域如下图所示才对

2、配置参数

在login的框里面设置摄像头的ip地址，登录的用户名、密码、端口号

有人会说，我怎么知道那么详细、，我建议下载SADP软件查看配置

真实的效果如下