对接第三方《大华摄像头》

首先是进入大华摄像头旗下的乐橙云官网https://open.imou.com/,把sdk下载后,开发文档里有前端和后端的开发对接。

  • 前端

一般是轻应用开发(我用的老版轻应用,应该都差不多)有播放器代码,后面直接让后台传个KitToken就OK。

 

  • 后端

我们选择HTTP接口里面有非常多的接口,根据自己的需求来对接吧。

其实相对比较简单因为都不用你去发http请求,大华sdk里面已经封装好了,下图是sdk所包含的东西。

 这里我给出几个常用接口的代码给大家参考下:

获取管理员token,这里我选择不写接口直接一个定时任务存redis,需要时直接取。

 

获取kitToken(轻应用直播token)

 

云台控制PTZ(摄像头移动) 

设备抓图(新api),这里要注意2017前的设备不支持。

云台定位

 

 

到这里就结束了,第一次写希望帮助到大家吧!

### Vue集成大华摄像头SDK实现视频监控功能 #### 准备工作 为了在Vue项目中成功集成并控制大华摄像头,需先完成必要的准备工作。这包括安装Node.js环境以及创建一个新的Vue CLI项目或使用现有的Vue应用。 #### 安装依赖库 由于涉及到音视频流处理,通常会借助第三方库来简化开发流程。对于大华摄像机来说,官方提供了相应的Web SDK用于浏览器端访问设备资源。可以通过npm包管理器下载这些工具: ```bash npm install dahua-web-sdk --save ``` 此命令将会把所需的大华Web SDK加入到项目的`node_modules`目录下[^1]。 #### 初始化配置 引入SDK之后,在main.js文件里全局加载该模块以便于后续组件能够方便地调用其接口函数: ```javascript import Dahua from 'dahua-web-sdk'; // 将Dahua对象挂载至Vue原型链上 Vue.prototype.$dh = new Dahua(); ``` 上述操作使得任何地方都可以通过this.$dh的方式获取实例化后的API客户端。 #### 实现登录认证逻辑 针对特定型号的大华IPC产品线,连接之前往往需要执行身份验证过程。下面给出一段简单的代码片段展示如何利用用户名密码组合向目标主机发起请求建立合法会话: ```javascript methods: { async login() { try { await this.$dh.login({ ip: "192.168.0.1", // 替换成实际IP地址 port: 80, username: "admin", password: "password" }); console.log('Login successful'); } catch (error) { console.error(`Failed to log in ${error.message}`); } } } ``` 这段脚本定义了一个异步方法login(),它接受一组参数并通过await关键字等待返回结果后再继续向下执行其他语句。 #### 开始实时预览 一旦建立了有效的通信通道,则可进一步尝试开启实况直播服务。这里提供了一种基于HTML5 Video标签渲染画面的技术方案: ```html <template> <div id="app"> <video autoplay ref="liveView"></video> </div> </template> <script> export default { mounted(){ const videoElement = this.$refs.liveView; this.$dh.startPreview({ element: videoElement, channel: 1 }).then(() => { console.log("Start preview successfully"); }).catch((err)=>{ console.warn(err); }) }, beforeDestroy(){ this.$dh.stopPreview().then(()=>{ console.log("Stop preview successfully"); }).catch(console.error); } }; </script> ``` 以上模板部分声明了一个名为liveView的DOM节点用来承载动态更新的内容;而在JavaScript区域则是在生命周期钩子内分别启动/停止推流任务,并指定具体使用的频道编号。
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值