当前位置： 首页 > news >正文

EZUIKit.js萤石云vue项目使用

news 文章来源：https://blog.csdn.net/XYX8958/article/details/142559971 2024/11/19 23:35:20

EZUIKit.js 是萤石云（Ezviz）提供的一款用于Web端的视频播放和控制的JavaScript库。它允许开发者在网页上轻松集成视频监控、对讲、录像回放等功能，适用于安防监控、智能家居等场景。通过EZUIKit.js，你可以方便地访问萤石云平台上的摄像头和其他智能设备。

1. 引入EZUIKit.js

npm引入

npm install ezuikit --save

或者通过CDN引入

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>My Project</title><!-- 引入EZUIKit.js --><script src="https://cdn.jsdelivr.net/npm/ezuikit@latest/dist/ezuikit.min.js"></script>
</head>
<body><div id="app"></div>
</body>
</html>

2. 使用 

<template><div ref="playerContainer" id="SkeyeWebPlayer1"></div>
</template>

 

    import EZUIKit from "ezuikit-js";function ezuikit1(url: string, accessToken: string) {playr1 = new EZUIKit.EZUIKitPlayer({id: "SkeyeWebPlayer1", // 视频容器IDaccessToken: accessToken,url: url,template: 'simple', // simple - 极简版;standard-标准版;security - 安防版(预览回放);voice-语音版; theme-可配置主题；plugin: ["talk"], // 加载插件，talk-对讲width: 'auto',height: 'auto',});const playPromise = playr1.play();// 处理播放成功的情况playPromise.then(() => {console.log("播放成功");}).catch((error) => {// 处理播放失败的情况console.error("播放失败:", error);});}
参数名类型描述是否必选
accessTokenString授权过程获取的access_tokenY
deviceSerialString设备序列号例如427734222，均采用英文符号，限制最多50个字符Y
channelNoInteger通道号，非必选，默认为1N
protocolInteger流播放协议，1-ezopen、2-hls、3-rtmp、4-flv，默认为1N
codeStringezopen协议地址的设备的视频加密密码N
expireTimeInteger过期时长，单位秒；针对hls/rtmp/flv设置有效期，相对时间；30秒-720天N
typeString地址的类型，1-预览，2-本地录像回放，3-云存储录像回放，非必选，默认为1；回放仅支持rtmp、ezopen、flv协议N
qualityInteger视频清晰度，1-高清（主码流）、2-流畅（子码流）N
startTimeString本地录像/云存储录像回放开始时间,云存储开始结束时间必须在同一天，示例：2019-12-01 00:00:00N
stopTimeString本地录像/云存储录像回放结束时间,云存储开始结束时间必须在同一天，示例：2019-12-01 23:59:59N
supportH265Integer请判断播放端是否要求播放视频为H265编码格式,1表示需要，0表示不要求N
playbackSpeedString回放倍速。倍速为 -1（ 支持的最大倍速）、0.5、1、2、4、8、16；
仅支持protocol为4-flv
且
type为2-本地录像回放（ 部分设备可能不支持16倍速） 或者 3-云存储录像回放		N
gbchannelString国标设备的通道编号，视频通道编号IDN

 

相关文章：

EZUIKit.js萤石云vue项目使用

EZUIKit.js 是萤石云&#xff08;Ezviz&#xff09;提供的一款用于Web端的视频播放和控制的JavaScript库。它允许开发者在网页上轻松集成视频监控、对讲、录像回放等功能&#xff0c;适用于安防监控、智能家居等场景。通过EZUIKit.js&#xff0c;你可以方便地访问萤石云平台上的…...

编程日记 2024/9/30 13:32:26

【Linux】磁盘分区挂载网络配置进程【更详细，带实操】

Linux全套讲解系列&#xff0c;参考视频-B站韩顺平&#xff0c;本文的讲解更为详细 目录 一、磁盘分区挂载 1、磁盘分区机制 2、增加磁盘应用实例 3、磁盘情况查询 4、磁盘实用指令 二、网络配置 1、NAT网络原理图 2、网络配置指令 3、网络配置实例 4、主机名和host…...

编程日记 2024/9/30 13:24:14

Java 为什么使用 UTF-16 而不是更节省内存的 UTF-8？

Java 选择 UTF-16 编码而不是更节省内存的 UTF-8 这一决定&#xff0c;涉及多个层面的设计权衡&#xff0c;包括历史原因、虚拟机&#xff08;JVM&#xff09;实现的复杂度、性能和字符处理的一致性。要理解这个问题&#xff0c;我们需要从 Java 语言的设计初衷、JVM 的工作机制…...

编程日记 2024/9/30 13:23:12

损失函数篇 | YOLOv10 引入 Inner-IoU 基于辅助边框的IoU损失

作者导读：Inter-IoU：基于辅助边框的IoU损失 论文地址：https://arxiv.org/abs/2311.02877 作者视频解读：https://www.bilibili.com 开源代码地址：https://github.com/malagoutou/Inner-IoU...

编程日记 2024/9/30 13:22:11

夹耳开放式耳机好用吗？一篇文章告诉你答案，附上挑选避坑小知识

夹耳开放式耳机作为音频领域的新兴产品&#xff0c;正逐渐走入大众视野。其独特的设计和功能引发了广泛关注与讨论。究竟夹耳开放式耳机好用吗&#xff1f;在这篇文章中&#xff0c;我们将从专业角度深入剖析他的各个方面。同时&#xff0c;还会为你提供详细的挑选避坑小知识&a…...

编程日记 2024/9/30 13:21:10

WebSocket 2024/9/30

WebSocket是基于TCP的一种新的网络协议。它实现了浏览器与服务器双工通信——浏览器和服务器只需要完成一次握手&#xff0c;两者之间就可以创建持久性的连接&#xff0c;并进行双向数据传输。 与HTTP协议的区别 实现...

编程日记 2024/9/30 13:20:08

大数据开发--1.1大数据概论

目录 一.大数据的概念 什么是大数据&#xff1f; 二. 大数据的特点 三. 大数据应用场景 四. 大数据分析业务步骤 大数据分析的业务流程&#xff1a; 五.大数据职业规划 职业方向 岗位技术要求 六. 大数据学习路线 一.大数据的概念 什么是大数据&#xff1f; 数据 世界…...

编程日记 2024/9/30 13:19:06

Java | Leetcode Java题解之第438题找到字符串中所有字母异位词

题目&#xff1a; 题解&#xff1a; class Solution {public List<Integer> findAnagrams(String s, String p) {int sLen s.length(), pLen p.length();if (sLen < pLen) {return new ArrayList<Integer>();}List<Integer> ans new ArrayList<Int…...

编程日记 2024/9/30 13:18:05

springboot整合MybatisPlus+MySQL

上一篇&#xff1a;springboot整合sentinel和对feign熔断降级 文章目录 一、准备二、主要工作三、具体步骤3.1 准备数据库环境3.20 pre引入依赖3.2 引入依赖3.3 bootstrap.yml配置mybatisplus3.40 pre引入service、mapper3.4 引入实体类、service、mapper 四、测试目录结构 五…...

编程日记 2024/9/30 13:17:03

【MySQL】视图、用户和权限管理

目录 视图创建视图数据修改影响删除视图视图优点 用户和权限管理查看当前的数据库拥有用户信息创建用户修改密码删除用户权限授权回收权限 视图 视图就是相当于创建一个表&#xff0c;将查询到的结果集给存储起来。像使用复杂的多表查询查询到的结果集就不可以对结果集操作。而…...

编程日记 2024/9/30 13:14:00

Linux基础（五）：linux文件种类与扩展名

1.文件种类 文件种类含义正规文件&#xff08; regular file &#xff09;就是一般我们在进行存取的类型的文件&#xff0c; 在由 ls -al 所显示出来的属性方面&#xff0c; 第一个字符为 [ - ]&#xff0c; 例如 [-rwxrwxrwx ]。 另外&#xff0c; 依照文件的内容&#xff0c…...

编程日记 2024/9/30 13:11:58

C语言-c语言组成

1.C语言的组成 一个C源程序是由 一个或者多个.c文件 和 0个或者多个.h 文件 组成 源程序: 是指未编译的 按照一定的程序设计语言规范书写的文本文件 .c文件 : c源代码 .h文件 : 头文件(接口文件) 2. .c文件 1)预处理命令 以#开头的行,在编译之前 会事…...

编程日记 2024/9/30 13:07:54

编程题 7-13 日K蜡烛图【PAT】

文章目录 题目输入格式输出格式输入样例1输出样例1输入样例2输出样例2输入样例3输出样例3 题解解题思路完整代码 编程练习题目集目录 题目 股票价格涨跌趋势&#xff0c;常用蜡烛图技术中的 K K K 线图来表示&#xff0c;分为按日的日 K K K 线、按周的周 K K K 线、按月的…...

编程日记 2024/9/30 13:06:53

iOS开发工程师面试

iOS开发工程师面试题可以涵盖多个方面，包括但不限于iOS开发的基础知识、高级概念、性能优化、架构设计、最新技术等。 1. 基础知识 1.1 请解释iOS中的Xcode是什么，以及它在开发中的作用和功能有哪些？ Xcode是用于iOS和macOS等苹果平台开发的集成开发环境（IDE），提供了代…...

编程日记 2024/9/30 13:04:51

无人机避障—— 激光雷达定高北醒TF03-UART（二）

无人机避障过程&#xff0c;光靠大疆飞控内部的气压计不准&#xff0c;很容易在高度较低的时候受到地面植被等障碍物影响&#xff0c;使得掉高严重&#xff0c;因此采用激光雷达定高模块进行定高。 硬件&#xff1a; 北醒TF03-UART、Xavier-NX 软件代码&#xff1a; 北醒官…...

编程日记 2024/9/30 13:01:47

在虚幻引擎中实现Camera Shake 相机抖动/震屏效果

在虚幻引擎游戏中创建相机抖动有时能让画面更加高级 , 比如 遇到大型的Boss , 出现一些炫酷的特效 加一些短而快的 Camera Shake 能达到很好的效果 , 为玩家提供沉浸感 创建Camera Shake 调整Shake参数 到第三人称或第一人称蓝图 调用Camera Shake Radius值越大 晃动越强...

编程日记 2024/9/30 13:00:46

SQL Server的文本和图像函数

新书速览|SQL Server 2022从入门到精通&#xff1a;视频教学超值版_sql server 2022 出版社-CSDN博客 《SQL Server 2022从入门到精通&#xff08;视频教学超值版&#xff09;&#xff08;数据库技术丛书&#xff09;》(王英英)【摘要 书评 试读】- 京东图书 (jd.com) SQL Se…...

编程日记 2024/9/30 12:59:45

PN8034非隔离12V300MA,SOP7/DIP7开关电源芯片

PN8034宽输出范围非隔离交直流转换芯片 PN8034SSC-R1B----SOP7&#xff0c; PN8034NSC-T1 ----DIP7&#xff0c; PN8034概述 PN8034集成PFM控制器及650V高雪州能力智能功本MOSFET&#xff0c;用于外图元器件极精简的小功率非隔离开关电源。PN8034内置高压启动模块&#xff0c…...

编程日记 2024/9/30 12:57:43

VMware下Ubuntu找不到共享文件夹

在VMware的设置中已经设置了共享文件夹&#xff0c;在Ubuntu系统中找不到&#xff0c;参考了网上其他的文章&#xff0c;发现还是不能解决问题&#xff0c;无意中尝试了一小步&#xff0c;没想到成功解决了&#xff0c;在这里记录一下。 1&#xff09;首先查询本机的gid 2&…...

编程日记 2024/9/30 12:56:42

银河麒麟桌面操作系统V10登录闪退问题解决

银河麒麟桌面操作系统V10登录闪退问题解决 1、问题描述2、问题分析3、问题解决方法第一步&#xff1a;修改/tmp文件夹权限第二步&#xff1a;重启图形化服务 &#x1f490;The Begin&#x1f490;点点关注&#xff0c;收藏不迷路&#x1f490; 在使用银河麒麟桌面操作系统V10时…...

编程日记 2024/9/30 12:53:40

【Git原理与使用】分支管理

分支管理 1.理解分支2.创建分支2.1创建分支2.2切换分支2.3合并分支 3.删除分支4.合并冲突4.分支管理策略5.分支策略6.bug分支7.删除临时分支8.小结 点赞&#x1f44d;&#x1f44d;收藏&#x1f31f;&#x1f31f;关注&#x1f496;&#x1f496; 你的支持是对我最大的鼓励&…...

编程日记 2024/9/30 12:52:39

Linux操作系统分析实验-多线程与内核模块编程，实验一

实验一 多线程与内核模块编程 一、实验目的 1、理解Linux下进程的结构&#xff1b; 2、理解Linux下产生新进程的方法&#xff08;系统调用—fork函数&#xff09;&#xff1b; 3、掌握如何启动另一程序的执行&#xff1b; 4、理解Linux下线程的结构&#xff1b; 5、理解…...

编程日记 2024/9/30 12:46:34

AI绘画Stable Diffusion人物背景替换实操教程，让创意无限延伸

大家好&#xff0c;我是灵魂画师向阳 Stable Diffusion以其强大的能力可以实现人物背景的更换。本文将带你深入了解如何利用Stable Diffusion中的Inpaint Anything插件快速且精准地实现人物背景的替换&#xff0c;从而让你的图片焕发新生。 前期准备 本文会使用到Inpaint An…...

编程日记 2024/9/30 12:42:31

linux环境oracle11.2.0.4打补丁（p31537677_112040_Linux-x86-64.zip）

上传补丁及opatch工具 创建目录并上传opatch工具和补丁包 百度网盘地址 链接: https://pan.baidu.com/s/1EA5oerm52aesZUnb5OnQsA 提取码: ib8f [oraclerhel64 ~]$ mkdir /u01/psu [oraclerhel64 ~]$ cd /u01/psu [oraclerhel64 psu]$ ll total 514572 -rw-r--r-- 1 oracle o…...

编程日记 2024/9/30 12:39:28

华为 HCIP-Datacom H12-821 题库 (29)

&#x1f423;博客最下方微信公众号回复题库,领取题库和教学资源 &#x1f424;诚挚欢迎IT交流有兴趣的公众号回复交流群 &#x1f998;公众号会持续更新网络小知识&#x1f63c; 1.运行 IS-IS 的两台路由器&#xff0c;只有 IIH 发送的时间间隔相同才可以建立邻接关系 A、正…...

编程日记 2024/9/30 12:38:27

MySQL 为什么一定要有一个主键

引言 在数据库设计中&#xff0c;主键&#xff08;Primary Key&#xff09;是一个至关重要的概念。MySQL 作为最广泛使用的关系型数据库之一&#xff0c;主键在 MySQL 表设计中扮演着关键角色。主键不仅决定了表中数据的唯一性和完整性&#xff0c;还对数据库性能、数据查询、…...

编程日记 2024/9/30 12:37:26

Pycharm 本地搭建 stable-diffusion-webui

一、下载工程源码 Github官方连接 https://github.com/AUTOMATIC1111/stable-diffusion-webui 二、Pycharm打开工程 1、设置环境 文件-设置-项目-Python解析器-添加解释器-添加本地解释器 Conda环境-创造新环境-Python版本3.10 注意一定要选择Python3.10版本&#xff0c;否…...

编程日记 2024/9/30 12:36:25

python/爬虫技术/lxml工具介绍/XML和HTML解析

1.lxml介绍&#xff1a; lxml 是一个Python库&#xff0c;它提供了非常强大的XML和HTML解析功能。它基于libxml2和libxslt&#xff0c;是处理XML和HTML文档的首选库之一。 2.安装 首先&#xff0c;需要安装lxml库。可以通过pip来安装&#xff0c;在控制台内执行安装命令。 p…...

编程日记 2024/9/30 12:34:24

Kafka技术详解[5]: 集群启动

目录 集群启动 相关概念 代理&#xff1a;Broker 控制器&#xff1a;Controller 启动ZooKeeper 启动Kafka 初始化ZooKeeper 初始化服务 启动任务调度器 创建数据管理器 创建远程数据管理器 创建副本管理器 创建ZK元数据缓存 创建Broker通信对象 创建网络通信对象 注册Brok…...

编程日记 2024/9/30 12:33:22

记一次教学版内网渗透流程

信息收集 如果觉得文章写的不错可以共同交流 http://aertyxqdp1.target.yijinglab.com/dirsearch dirsearch -u "http://aertyxqdp1.target.yijinglab.com/"发现 http://aertyxqdp1.target.yijinglab.com/joomla/http://aertyxqdp1.target.yijinglab.com/phpMyA…...

编程日记 2024/9/30 12:32:21

中国站长站/泰州seo外包公司

使用Python原生IDLE IDLE是Python软件包自带的一个集成开发环境&#xff0c;点击开始-->Python安装包-->IDLE。启动 IDLE 时&#xff0c;会显示>>>&#xff0c;可以在>>>后面输入代码。在 Python Shell 输入代码回车后会立即执行&#xff0c;并直接在下…...

编程日记 2024/11/19 23:20:02

最好加盟网站建设/网站域名费一年多少钱

不要使用System.out.println来代替日志框架&#xff0c;因为文件的IO非常耗时并且其内部使用了同步代码块&#xff0c;因此影响性能 不要打印敏感信息&#xff0c;或者要对敏感信息进行脱敏处理 除非业务需要&#xff0c;否则不要打印大文本 在Controller层可以打印参数、返…...

编程日记 2024/11/19 22:56:42

wordpress做网站容易吗/青岛网站建设策划

数据库相关中间件介绍 详见&#xff1a;http://blog.yemou.net/article/query/info/tytfjhfascvhzxcyt412 这里主要介绍互联网行业内有关数据库的相关中间件。数据库相关平台主要解决以下三个方面的问题&#xff1a; 为海量前台数据提供高性能、大容量、高可用性的访问 为数据…...

编程日记 2024/11/19 22:34:25

九歌人工智能诗歌写作网站/网络推广渠道和方式

看到一篇对单例描述很不错的文章&#xff0c;地址&#xff1a;https://www.2cto.com/kf/201704/631396.html 单例设计模式总结 单例模式简介 单例模式是应用最广泛的模式之一&#xff0c;在应用这个模式时&#xff0c;单例对象的类必须确保只有一个实例存在&#xff0c;避免产…...

编程日记 2024/11/19 21:14:22

wordpress 主题推荐/宁波网站建设与维护

1.深度优先搜索-dfs 深度优先搜索算法&#xff08;英语&#xff1a;Depth-First-Search&#xff0c;DFS&#xff09;是一种用于遍历或搜索树或图的算法。沿着树的深度遍历树的节点&#xff0c;尽可能深的搜索树的分支。当节点v的所在边都己被探寻过&#xff0c;搜索将回溯到发…...

编程日记 2024/11/19 20:50:29

建设投资基金管理有限公司网站/广州最新疫情最新消息

找到laravel安装目录执行php artisan nova:user 转载于:https://www.cnblogs.com/F4natasy/p/10700370.html...

编程日记 2024/11/19 19:07:17