vue对接海康安防平台接口,以及处理接口认证规则流程

本文详细介绍了如何在调用海康开放平台的API接口前进行安全认证,包括使用签名工具生成签名并将其添加到请求头中。还提到后端调用接口的本质和注意事项,以及后续的视频取流播放操作相关说明。
摘要由CSDN通过智能技术生成

首先,调用海康开放平台提供的各种api接口前,都是先需要安全认证的!!直接调的话,平台不允许访问的

像这样,安防平台直接不允许

那么正确的顺序应该是

1.先进行安全认证,接口安全认证细节请查看(海康开放平台),了解完接口的认证规则之后,这里比较简单的方式就是 在海康开放平台的 工具下载中,下载自动的签名工具(这里是为了调试接口,如业务复杂,还需代码生成签名等等)

 2.下载完后,里面有.exe程序,以及使用指南,直接根据使用指南,生成签名认证

3.随后我们把按照下载好的使用指南,将生成的签名数据对应到我们要发送的请求头中去

注意!!!!在ApiPost,或者postman等调试工具中,请求体中的最后一个{‘key’:''value"}不要带逗号,否则平台就会报错,在项目代码里是没问题的

这样我们就可以正确的请求数据啦~

补充一点(题外话),平台客服说他们说有的接口都是只支持后端调用的,其实说白了,一个http(s)请求发出去后,服务器根本区分不了是前端调的还是后端调的,他们只是需要你有安全认证的规则,那么只要你符合这个规则,正确处理好请求头,其实一样可以获取数据

后续更新海康视频取流后的播放操作

Vue是一种用于构建用户界面的JavaScript框架,而海康摄像头是一种监控设备,用于视频监控系统。在Vue对接海康摄像头源码可以实现在Web应用程序中实时显示和控制海康摄像头的视频流。 首先,需要下载并安装海康摄像头的相关SDK,并了解SDK的使用方法以及提供的接口。然后,在Vue项目中引入SDK的相关依赖,可以使用npm或者直接将SDK文件导入项目中。 接下来,在Vue组件中创建一个视频播放器的容器元素,用于展示摄像头的视频流。在组件的生命周期钩子函数中,使用SDK的接口初始化视频播放器,并传入摄像头的地址或者ID,接收视频流并在容器中进行播放。可以根据需要设置播放器的参数,例如视频的清晰度、是否支持录像等。 此外,可以在Vue组件中实现控制摄像头的功能。通过SDK提供的接口,可以实现对摄像头的云台控制、焦距调节、镜头旋转等操作。可以通过为组件绑定事件监听器,监听用户的操作并调用相应的SDK接口来实现这些功能。 对于需要实时监控多个海康摄像头的情况,可以在Vue中动态生成多个视频播放器容器,并根据需要对每个摄像头分别进行初始化和控制。 总之,通过在Vue项目中对接海康摄像头的源码,可以实现在Web应用程序中展示摄像头的实时视频流,并实现对摄像头的控制功能,为用户提供更便捷的视频监控体验。
评论 15
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值