海康威视 web3.0开发 常见错误 404,403

时间:2024-04-04 12:14:20

海康威视 web3.0开发 常见错误 404,403

  • 配置情况

IE 浏览器+nginx+thinkPHP5.0+海康威视200万星光级红外球机1080P变焦云台球机DS-2DC4223IW-D

关于如何使用网上有很多教程,自行百度,关键词:海康威视 web3.0

本文档只写出关于我在配置方面的一些坑,也许会帮到你。

 

二、项目需求

在选择海康威视主要是能够进行二次开发,满足我的项目需求,在自己网页上查看监控,以达到实时监测的效果!

 

那么就像大家的一样先找海康威视 web3.0开发框架,这个框架给我们提供了浏览器支持的js 文件,这个真的很棒,帮我解决了很大的问题,再次感谢海康威视提供的web3.0

自行百度下载:“海康威视web3.0”

但是我在配置过程中发现在csdn上下载有很多需要积分,身为穷学生没钱开会员。。。。所以就发邮件给人家官方要了最新版的web3.0框架

附上链接:(来自海康威视官方文档)

该控件开发包需要浏览器支持NPAPI插件,具体见注意事项:

32位浏览器:

https://pan.hikvision.com/hcs/services/FileShare/s?link=MhiPXtTM 密码:QrYu

64位浏览器:

https://pan.hikvision.com/hcs/services/FileShare/s?link=lIEXPyb8 密码:eYi2

 

注意事项:

  1. 请注意你在测试的摄像头是否和你电脑在同一个路由器下,建议直接将电脑和摄像头连接,然后再改变电脑ip,确定和摄像头ip在同一个网段下。
  2. 下上面的测试文档后,请直接安装32位和64位的WebComponentsKit插件,分别在对应的文件夹加下。

海康威视 web3.0开发 常见错误 404,403

 

  3.安装插件后最关键的是用所用的浏览器,不要使用QQ浏览器,不然会提示报错,403拒绝访问!我使用的是电脑自带的ie浏览器

 

 

来自官方的注意事项:

 

官方注意事项:

1.支持的浏览器有:IE6~IE11Chrome8~ Chrome42Firefox3.5~ Firefox5232位,64位是到Firefox40)、Safari5.0.2+,需要浏览器支持NPAPI

2.我们这个插件是根据浏览器位数来的,比如说您64位电脑,使用的32位浏览器,则需要安装32位浏览器。如果出现已安装插件,但是仍旧提示未安装插件,可以将32位插件和64位插件都安装一下之后再用IE打开我们demo.html测试下,这个是不影响的。

3.我们WEB3.0控件开发包,登陆使用的是HTTP端口(默认80

 

三、配置常见错误

1、运行demo.html后,点击登录后操作界面提示如图

海康威视 web3.0开发 常见错误 404,403

F12查看错误信息为:
localhost8080/ISAPI/Security/sessionLogin/capabilities?username=admin Failed to load resource: the server responded with a status of 404 (Not Found)

海康威视 web3.0开发 常见错误 404,403

 

解决方案:

1、引用js路径的问题,查看在demo.html中的js引入路径,是否引入全面正确。

2、使用浏览器是否正确。请查看上文官方注意事项中要求使用的浏览器。

3、如果排查没有上述错误,而且你使用的nginx,请查看压缩文件中的nginx文件,配置你的nginx.conf内容,我的是直接加上了这一段,实现路径的跳转

location ~ /ISAPI|SDK/ {

    if ($http_cookie ~ "webVideoCtrlProxy=(.+)") {

           proxy_pass http://$cookie_webVideoCtrlProxy;

            break;

    }

}

 

 

  1. 运行完demo.html后登陆成功出现

Demo操作界面提示:

2019-03-18 12:12:09 192.168.1.64_8002 获取零通道失败!(403, invalidOperation)

2019-03-18 12:12:09 192.168.1.64_8002 获取数字通道失败!(403, invalidOperation)

2019-03-18 12:12:09 192.168.1.64_8002 获取模拟通道成功!

2019-03-18 12:12:09 192.168.1.64_8002 登录成功!

海康威视 web3.0开发 常见错误 404,403

 

F12查看错误信息为403

海康威视 web3.0开发 常见错误 404,403

点开错误信息发现可以访问

海康威视 web3.0开发 常见错误 404,403

解决方案:

此时必须是已经提示登录成功,然后再demo.html中提示信息403,

  1. 确认下所用浏览器是否是官方让用的,如果是官方让用的浏览器,在F12后台界面不会提示403,如图

海康威视 web3.0开发 常见错误 404,403

如果是使用的官方所用的浏览器,F12提示403,请重新排查错误(如果能登录成功,正常情况下不会出现403,请坚信官方文档web3.0没有错误)

 

 

3、最后提示错误

操作信息提示:2019-03-18 12:12:13 192.168.1.64_8002 设备不支持Websocket取流!

如果在配置过程中没有上述错误,界面操作信息提示2019-03-18 12:12:13 192.168.1.64_8002 设备不支持Websocket取流!

海康威视 web3.0开发 常见错误 404,403

解决方案:请换个官方让用的浏览器。。。。。。。。。

 

 

 

最后

注:F12没有错误信息,但是在预览操作信息界面有403错误,可以忽略

海康威视 web3.0开发 常见错误 404,403

登录成功后F12没有错误,但是没有视频的话,请点击demo.html 的右上角预览界面的开始预览

海康威视 web3.0开发 常见错误 404,403

 

四、最终效果:

 

海康威视 web3.0开发 常见错误 404,403

 

 

我引入的32位css和js文件

 

海康威视 web3.0开发 常见错误 404,403

五、错误总结:

配置这个web3.0用了一天多的时间,没有认真读文档,导致过程中F12出现404和4.3错误,而且正常情况是不会出现这种错误的!总结就是一句,一定要懂配置的东西是什么原理。。。。