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

EZUIKit.js萤石云vue项目使用

news 2025/9/15 2:09:49

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);});}

参数名	类型	描述	是否必选
accessToken	String	授权过程获取的access_token	Y
deviceSerial	String	设备序列号例如427734222，均采用英文符号，限制最多50个字符	Y
channelNo	Integer	通道号，非必选，默认为1	N
protocol	Integer	流播放协议，1-ezopen、2-hls、3-rtmp、4-flv，默认为1	N
code	String	ezopen协议地址的设备的视频加密密码	N
expireTime	Integer	过期时长，单位秒；针对hls/rtmp/flv设置有效期，相对时间；30秒-720天	N
type	String	地址的类型，1-预览，2-本地录像回放，3-云存储录像回放，非必选，默认为1；回放仅支持rtmp、ezopen、flv协议	N
quality	Integer	视频清晰度，1-高清（主码流）、2-流畅（子码流）	N
startTime	String	本地录像/云存储录像回放开始时间,云存储开始结束时间必须在同一天，示例：2019-12-01 00:00:00	N
stopTime	String	本地录像/云存储录像回放结束时间,云存储开始结束时间必须在同一天，示例：2019-12-01 23:59:59	N
supportH265	Integer	请判断播放端是否要求播放视频为H265编码格式,1表示需要，0表示不要求	N
playbackSpeed	String	回放倍速。倍速为 -1（支持的最大倍速）、0.5、1、2、4、8、16；仅支持protocol为4-flv 且 type为2-本地录像回放（部分设备可能不支持16倍速）或者 3-云存储录像回放	N
gbchannel	String	国标设备的通道编号，视频通道编号ID	N

EZUIKit.js萤石云vue项目使用

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

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

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

Linux全套讲解系列，参考视频-B站韩顺平，本文的讲解更为详细目录一、磁盘分区挂载 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 这一决定，涉及多个层面的设计权衡，包括历史原因、虚拟机（JVM）实现的复杂度、性能和字符处理的一致性。要理解这个问题，我们需要从 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

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

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

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

WebSocket 2024/9/30

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

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

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

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

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

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

题目： 题解： 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

上一篇：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】视图、用户和权限管理

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

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

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

1.文件种类文件种类含义正规文件（ regular file ）就是一般我们在进行存取的类型的文件， 在由 ls -al 所显示出来的属性方面， 第一个字符为 [ - ]， 例如 [-rwxrwxrwx ]。另外， 依照文件的内容&#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 题解解题思路完整代码编程练习题目集目录题目股票价格涨跌趋势，常用蜡烛图技术中的 K K K 线图来表示，分为按日的日 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（二）

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

编程日记 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从入门到精通：视频教学超值版_sql server 2022 出版社-CSDN博客《SQL Server 2022从入门到精通（视频教学超值版）（数据库技术丛书）》(王英英)【摘要书评试读】- 京东图书 (jd.com) SQL Se…...

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

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

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

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

VMware下Ubuntu找不到共享文件夹

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

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

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

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

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

Chapter03-Authentication vulnerabilities

文章目录 1. 身份验证简介1.1 What is authentication1.2 difference between authentication and authorization1.3 身份验证机制失效的原因1.4 身份验证机制失效的影响 2. 基于登录功能的漏洞2.1 密码爆破2.2 用户名枚举2.3 有缺陷的暴力破解防护2.3.1 如果用户登录尝试失败次…...

编程新知 2025/9/14 13:47:53

以下是对华为 HarmonyOS NETX 5属性动画（ArkTS）文档的结构化整理，通过层级标题、表格和代码块提升可读性：

一、属性动画概述NETX 作用：实现组件通用属性的渐变过渡效果，提升用户体验。支持属性：width、height、backgroundColor、opacity、scale、rotate、translate等。注意事项： 布局类属性（如宽高）变化时&#…...

编程新知 2025/9/12 21:50:47

为什么需要建设工程项目管理？工程项目管理有哪些亮点功能？

在建筑行业，项目管理的重要性不言而喻。随着工程规模的扩大、技术复杂度的提升，传统的管理模式已经难以满足现代工程的需求。过去，许多企业依赖手工记录、口头沟通和分散的信息管理，导致效率低下、成本失控、风险频发。例如&#…...

编程新知 2025/9/9 14:46:39

HTML前端开发：JavaScript 常用事件详解

作为前端开发的核心，JavaScript 事件是用户与网页交互的基础。以下是常见事件的详细说明和用法示例： 1. onclick - 点击事件当元素被单击时触发（左键点击） button.onclick function() {alert("按钮被点击了！&…...

编程新知 2025/7/8 23:32:56

聊一聊接口测试的意义有哪些？

目录一、隔离性 & 早期测试二、保障系统集成质量三、验证业务逻辑的核心层四、提升测试效率与覆盖度五、系统稳定性的守护者六、驱动团队协作与契约管理七、性能与扩展性的前置评估八、持续交付的核心支撑接口测试的意义可以从四个维度展开，首…...

编程新知 2025/8/30 20:33:26

Rapidio门铃消息FIFO溢出机制

关于RapidIO门铃消息FIFO的溢出机制及其与中断抖动的关系，以下是深入解析： 门铃FIFO溢出的本质在RapidIO系统中，门铃消息FIFO是硬件控制器内部的缓冲区，用于临时存储接收到的门铃消息（Doorbell Message）。…...

编程新知 2025/9/12 21:09:32

LINUX 69 FTP 客服管理系统 man 5 /etc/vsftpd/vsftpd.conf

FTP 客服管理系统实现kefu123登录，不允许匿名访问，kefu只能访问/data/kefu目录，不能查看其他目录创建账号密码 useradd kefu echo 123|passwd -stdin kefu [rootcode caozx26420]# echo 123|passwd --stdin kefu 更改用户 kefu 的密码…...

编程新知 2025/9/3 19:49:50

三分算法与DeepSeek辅助证明是单峰函数

前置单峰函数有唯一的最大值，最大值左侧的数值严格单调递增，最大值右侧的数值严格单调递减。单谷函数有唯一的最小值，最小值左侧的数值严格单调递减，最小值右侧的数值严格单调递增。三分的本质三分和二分一样都是通过不断缩…...

编程新知 2025/9/6 19:16:38

C语言中提供的第三方库之哈希表实现

一. 简介前面一篇文章简单学习了C语言中第三方库（uthash库）提供对哈希表的操作，文章如下： C语言中提供的第三方库uthash常用接口-CSDN博客本文简单学习一下第三方库 uthash库对哈希表的操作。二. uthash库哈希表操作示例 u…...

编程新知 2025/7/27 8:17:48

LangFlow技术架构分析

🔧 LangFlow 的可视化技术栈前端节点编辑器底层框架：基于 （一个现代化的 React 节点绘图库） 功能： 拖拽式构建 LangGraph 状态机实时连线定义节点依赖关系可视化调试循环和分支逻辑与 LangGraph 的深…...

编程新知 2025/6/10 21:26:51

1. 引入EZUIKit.js

2. 使用

相关文章：