👁🗨手把手实现监控实时直播视频流 接入数字大屏 - Vue+乐橙云开放平台
- 一、接入步骤 🚩
- 1. 设备联网，接入乐橙云平台
- 2. 下载乐橙云的插件
- 3. 项目引入
- 4. 编写监控组件
- 5. 在所需显示业务页面引入监控组件
- 6. 请求接口，定时获取kittoken，网页显示视频
- 二、所用资源（参数）🔢
- 三、云平台资源使用成本 💰
- 四、实现效果 ✨
一、接入步骤 🚩
1. 设备联网，接入乐橙云平台
将摄像头连接硬盘录像机，硬盘录像机连接路由器，即可实现录像机联网。这里可使用手机app登录后扫码，将硬盘录像机添加至账号平台。录像机可接入多个摄像机。
如下图成功在乐橙云开放平台添加设备，通道号为0
2. 下载乐橙云的插件
传送门🚀
资源下载 | 乐橙云开发文档
轻应用组件 | 乐橙云开发文档
3. 项目引入
- a) 把static和imouplayer.js放到public文件夹中
- b) 在index.html 引用imouplayer.js
4. 编写监控组件
5. 在所需显示业务页面引入监控组件
如何切换监控：
改变传入的channelId
6. 请求接口，定时获取kittoken，网页显示视频
右下角切换分屏
二、所用资源（参数）🔢
-
appId和appSecret（控制台-我的应用-应用信息中获取）
传送门🚀点链接直达
-
设备序列号（录像机的设备序列号）
-
url：
imou://open.lechange.com/deviceId/channelId/type?streamId=1
示例：imou://open.lechange.com/7C09509PAZB1D69/0/1?streamId=1
-
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 博客主页，了解更多有关技术的知识和分享😘
