海康威视的视频如何显示在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

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

 

配置如下

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

2、浏览器是ie11

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

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

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

 

前提

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

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

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

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

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

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

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

 

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

实际应用

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

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

 

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

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

2、配置参数

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

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

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

真实的效果如下

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