html实现ezuikit.js萤石云直播监控,ezuikit.js实时监控实现,萤石云实时监控简单实现
创始人
2024-03-01 23:03:52
0

效果图

在这里插入图片描述

实现

下面的播放url获取:登录萤石云->控制台->我的资源->设备列表->列表中:查看通道->监控地址
appKey和appSecret获取:登录萤石云->控制台->我的账号->应用信息->右侧:应用密钥

下载ezuikit.js

  1. 官网下载:https://open.ys7.com/mobile/download.html
  2. 我使用的版本是:v7.2-------2022-11-25
  3. 官网API:http://hls.open.ys7.com/doc/zh/book/index/user.html
  4. accessToken获取接口【POST】:
 https://open.ys7.com/api/lapp/token/get?appKey=ff768f0051284521b2*********9403&appSecret=7f06909efa7a80*********d652dac33

填充萤石云用户的appKey和appSecret

html中

需要引入ezuikit.js

JS中
var accessToken = "at.5bjnyfge123nq1vr2x***************************-f7tapedip";
var playr = new EZUIKit.EZUIKitPlayer({id: 'video-container', // 视频容器IDaccessToken: accessToken,url: 'ezopen://open.ys7.com/E5927****/1.hd.live', // SN:E5927****,通道号:1,视频类型:hd// template: 'simple', // simple - 极简版;standard-标准版;security - 安防版(预览回放);voice-语音版; theme-可配置主题;plugin: ['talk'], // 加载插件,talk-对讲width: 1000,height: 600,
});

以上就可以查看实时监控了
下面是全代码使用方式例子


相关内容

热门资讯

监控摄像头接入GB28181平... 流程简介将监控摄像头的视频在网站和APP中直播,要解决的几个问题是:1&...
Windows10添加群晖磁盘... 在使用群晖NAS时,我们需要通过本地映射的方式把NAS映射成本地的一块磁盘使用。 通过...
protocol buffer... 目录 目录 什么是protocol buffer 1.protobuf 1.1安装  1.2使用...
Fluent中创建监测点 1 概述某些仿真问题,需要创建监测点,用于获取空间定点的数据࿰...
educoder数据结构与算法...                                                   ...
MySQL下载和安装(Wind... 前言:刚换了一台电脑,里面所有东西都需要重新配置,习惯了所...
MFC文件操作  MFC提供了一个文件操作的基类CFile,这个类提供了一个没有缓存的二进制格式的磁盘...
在Word、WPS中插入AxM... 引言 我最近需要写一些文章,在排版时发现AxMath插入的公式竟然会导致行间距异常&#...
有效的括号 一、题目 给定一个只包括 '(',')','{','}'...
【Ctfer训练计划】——(三... 作者名:Demo不是emo  主页面链接:主页传送门 创作初心ÿ...