‍手把手实现监控实时直播视频流 接入数字大屏 - Vue+乐橙云开放平台

一、接入步骤 🚩

  1. 设备联网，接入乐橙云平台

将摄像头连接硬盘录像机，硬盘录像机连接路由器，即可实现录像机联网。这里可使用手机app登录后扫码，将硬盘录像机添加至账号平台。录像机可接入多个摄像机。

 如下图成功在乐橙云开放平台添加设备，通道号为0

  2. 下载乐橙云的插件

传送门🚀
资源下载 | 乐橙云开发文档
轻应用组件 | 乐橙云开发文档
 

 

  3. 项目引入

• a) 把static和imouplayer.js放到public文件夹中

• b) 在index.html 引用imouplayer.js

  4. 编写监控组件

 

  5. 在所需显示业务页面引入监控组件

如何切换监控：
改变传入的channelId

  6. 请求接口，定时获取kittoken，网页显示视频

右下角切换分屏

二、所用资源（参数）🔢

1. appId和appSecret（控制台-我的应用-应用信息中获取）
   传送门🚀 点链接直达
   

2. 设备序列号（录像机的设备序列号）

3. url：
   imou://open.lechange.com/deviceId/channelId/type?streamId=1
   示例：imou://open.lechange.com/7C09509PAZB1D69/0/1?streamId=1
   

4. kitToken

   • 平台对接开发规范
     传送门🚀 开发规范 | 乐橙云开发文档
     HTTP POST请求：https://openapi.lechange.cn:443/openapi/[method]
     Method:/getKitToken…

   • postman调试示例（获取getKitToken）
     传送门🚀 Postm按接口模拟调用教程 | 乐橙云开发文档
     

三、云平台资源使用成本 💰

个人版免费接入10台设备（通道），个人版免费带宽1Mbps，接口调用次数25 万次/天，接口调试频率150 次/分钟，报警消息推送1 万次/天。
企业套餐：
企业版本 接入设备（台） 带宽（Mbps） 价格（元/月）
V1 100 5 270
V2 500 30 800
V3A 2000 50 1800
V3B 2000 120 3100

一个摄像头一周7天token权限获取（不包括报警回调、重启设备、设备抓图等其他接口）需访问84次接口（一个通道三天访问接口次数：36次）。包括accessToken和getKitToken两个接口：accessToken有效期为三天，新的at被获取了之后，三天expire倒计时开始；但是若开发者在48小时之后（第三天）再次调用接口获取at，则at会更新并且重新倒计时。对应每个通道需要获取对应的KitToken，过期时间2小时。
硬盘录像机914G存储：一个摄像头每天(24小时)21G,一周147G
接入数（通道数）：开发者账号中添加设备时将使用设备接入服务。硬盘录像机等多通道设备根据实际接入通道数占用对应额度摄像机、指纹锁等单通道设备将占用一个设备接入额度。
带宽：用户通过开放平台的拉流（实时预览、本地录像回放），将会占用带宽额度；当并发量产生的带宽超过可用带宽，超出部分将根据设置余额抵扣（类似流量，可设置不抵扣但超出部分无法播放）。
其他服务：
云录像服务（按每个设备购买）：3天云录像（循环存储最近3天录像）88元/年。7天云录像存储连续包月14元/月，30天存储32元/月。

四、实现效果 ✨

所示项目以 vue3 搭建框架，实现视频窗口实时播放

 

🛌END

纯纯的流水账学习过程记录
参考了大佬的保姆级教程
欢迎大佬们多多指教

这里是「 喜欢用emoji的程序媛 」欢迎关注催更💖 CSDN主页

如果您对本篇文章有任何疑问或建议，请在评论区留言。欢迎关注我的 CSDN 博客主页，了解更多有关技术的知识和分享😘