ezuikit-js
Advanced tools
轻应用 npm 版本，降低接入难度，适配自定义 UI，适配主流框架
低延时预览，云存储回放，SD 卡回放
功能 API 丰富，如：播放控制，音频控制，视频截图，实时获取视频 OSDTime，视频录制，设备对讲，电子放大，全屏等
hls和flv 不在维护更新，后续版本中会被移除， flv 可以使用 ezuikit-flv, hls 可以使用 @ezuikit/player-hls
hls和flv 不在维护更新，后续版本中会被移除， flv 可以使用 ezuikit-flv, hls 可以使用 @ezuikit/player-hls
hls和flv 不在维护更新，后续版本中会被移除， flv 可以使用 ezuikit-flv, hls 可以使用 @ezuikit/player-hls
# npm
npm install ezuikit-js
# yarn
yarn add ezuikit-js
# pnpm
pnpm add ezuikit-js
// >= v8.1.2 ESM
import { EZUIKitPlayer } from "ezuikit-js";
// < v8.1.2
import EZUIKit from "ezuikit-js";
// UMD
import EZUIKit from "ezuikit-js/ezuikit.js";
// >= v8.1.2 CommonJS
import { EZUIKitPlayer } from "ezuikit-js/index.js";
// < v8.1.2 CommonJS
import EZUIKit from "ezuikit-js/index.js";
<!-- umd -->
<script src="./ezuikit.js"></script>
基本使用
创建 DOM
<div id="video-container"></div>
import { EZUIKitPlayer } from "ezuikit-js";
const player = new EZUIKitPlayer({
id: "video-container", // 视频容器ID
accessToken:
"at.3bvmj4ycamlgdwgw1ig1jruma0wpohl6-48zifyb39c-13t5am6-yukyi86mz",
url: "ezopen://open.ys7.com/BC7900686/1.live",
width: 600,
height: 400,
scaleMode: 1, // 默认 0 完全填充窗口，会有拉伸 1: 等比适配 2: 等比完全填充窗口, 超出隐藏 @sine 8.2.0
handleError: (err) => {
if (err.type === "handleRunTimeInfoError" && err.data.nErrorCode === 5) {
// 加密设备密码错误
}
},
});
import { EZUIKitPlayer } from "ezuikit-js";
const player = new EZUIKitPlayer({
id: "video-container", // 视频容器ID
width: 600,
height: 400,
scaleMode: 1, // 默认 0 完全填充窗口，会有拉伸 1: 等比适配 2: 等比完全填充窗口, 超出隐藏 @sine 8.2.0
accessToken:
"at.3bvmj4ycamlgdwgw1ig1jruma0wpohl6-48zifyb39c-13t5am6-yukyi86mz",
url: "ezopen://open.ys7.com/BC7900686/1.rec",
});
alpha（功能测试）、beta（集成测试）为我们的非正式版本，可能存在功能或使用上的问题，若您遇到了任何问题，欢迎向我们反馈。
非正式版本没有 CDN 资源，使用时需要配置 staticPath，引用本地的解码库资源。
如果使用原生 js，可参考 demos => base-demo
如果使用 react，可参考 demos => react-demo
如果使用 react + vite，可参考 demos => with-react-vite
如果使用 next.js，可参考 demos => with-next
如果使用 electron，可参考 demos => with-electron
如果使用 vue3，可参考 demos => vue3-demo
如果使用 vue2.7，可参考 demos => vue-demo
如果使用 vue2.6，可参考 demos => with-vue2.6
如果使用 uniapp + vue3 ，可参考 demos => with-uniapp-vue3
如果使用 uniapp + vue2 ，可参考 demos => with-uniapp-vue2
为方便开发者快速接入
我们提供了测试 accessToken,测试播放地址，并提供了几种常用场景使用示例。你可以通过使用示例，使用测试播放地址，测试 accessToken，在你的应用快速接入。
测试播放地址： ezopen://open.ys7.com/BC7900686/1.live
你可以通过以下地址获取到测试 accessToken 获取测试 accessToken 用来播放上述测试播放地址。当前设备有可能下线或被移除了， 如果自己有设备优先使用自己的设备进行测试。
轻应用支持向接入萤石云海外环境的设备发起取流播放，需要在初始化时配置海外服务域名，示例：
import { EZUIKitPlayer } from "ezuikit-js";
const player = new EZUIKitPlayer({
id: "playWind",
width: 600,
height: 400,
template: "pcLive",
url: "...",
accessToken: "...",
env: {
domain: "https://iusopen.ezvizlife.com", // 北美地区
},
});
各地区的域名分别为：
| 区域 | 域名 |
|---|---|
| 北美 | https://iusopen.ezvizlife.com |
| 南美 | https://isaopen.ezvizlife.com |
| 欧洲 | https://ieuopen.ezvizlife.com |
| 新加坡 | https://isgpopen.ezvizlife.com |
| 印度 | https://iindiaopen.ezvizlife.com |
使用本地解码库提升加载速度 开发者需要自己设置静态资源文件地址， 参考
staticPath的配置
基本使用： 基本使用示例
自定义主题： 自定义主题示例
本地主题配置： 本地主题配置示例
PC 端预览-固定主题： PC 端预览-固定主题示例
PC 端回放-固定主题： PC 端回放-固定主题示例
移动端预览-固定主题： 移动端预览-固定主题示例
移动端回放-固定主题： 移动端回放-固定主题示例
单页面多实例(视频多窗口)： 单页面多实例(视频多窗口)示例
| 参数名 | 类型 | 描述 | 是否必选 | ||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| id | String | 播放器容器DOM的id | Y | ||||||||||||||||||
| accessToken | String | 授权过程获取的access_token | Y | ||||||||||||||||||
| url | String |
直播标清ezopen://open.ys7.com/${设备序列号}/{通道号}.live 高清ezopen://open.ys7.com/${设备序列号}/{通道号}.hd.live 回放sd 卡回放初始化参数 url 值为： 云存储回放初始化参数 url 值为： | Y | ||||||||||||||||||
| audio | boolean | 是否默认开启声音 true：打开（默认） false：关闭 | N | ||||||||||||||||||
| width | int | 视频宽度，默认值为容器容器DOM宽度 | Y | ||||||||||||||||||
| height | int | 视频高度，默认值为容器容器DOM高度 | Y | ||||||||||||||||||
| staticPath | string | 设置静态资源地址, 自定义可以自行下载 `ezuikit_static`放置在自己的服务器下， 设置 {staticPath: "/ezuikit_static"} | N | ||||||||||||||||||
| template | String |
| N | ||||||||||||||||||
| themeData | ThemeData |
themeData将主题数据本地化，设置本地数据，需要删除template参数 你可以通过themeData修改按钮位置，颜色，头部底部颜色等配置。 配置示例：本地主题配置示例 | N | ||||||||||||||||||
| handleSuccess | function | 自动播放成功回调 | N | ||||||||||||||||||
| handleError | function | 错误回调 | N | ||||||||||||||||||
| language | String | 多语言 （zh | en）, 默认zh (v8.0.8版本及以上支持) | N | ||||||||||||||||||
| debugDownloadData | boolean | 下载原始码流， 调试码流使用, 默认 false (v8.1.1版本及以上支持) | N | ||||||||||||||||||
| disableRenderPrivateData | boolean | 禁止渲染私有数据(如智能分析， 移动侦测， 火点信息等), 默认 false (v8.1.1 - v.8.1.3 版本及以上支持)v.8.1.4 开始 默认 true | N | ||||||||||||||||||
| quality | 0 | 1 | 2 | 3 | 4 | 5 | 6 | pp | qp | 预览初始化支持指定清晰度进行播放, 默认 undefined (v8.1.5版本及以上支持)， 0: 流畅； 1: 标清; 2: 高清; 3: 超清; 4: 极清; 5: 3K; 6: 4K ; "pp"： "性能优先 (Performance Priority)"; "qp": "画质优先(Quality Priority)"。 如果没有命中，默认取数组的第一个值 | N | ||||||||||||||||||
| loggerOptions | {name: string, level: "INFO" | "LOG" | "WARN" | "ERROR" , showTime: boolean} | 本地日志设置， 默认值 {name: "ezuikit", level: "INFO", showTime: true}, 支持动态设置请参考 setLoggerOptions(options) (v8.1.9版本及以上支持) | N | ||||||||||||||||||
| streamInfoCBType | 0 | 1 | 流信息回调类型，监听 streamInfoCB 事件, 0 : 每次都回调（会影响性能）, 1 : 只回调一次, 默认值 1 (v8.1.9版本及以上支持) | N | ||||||||||||||||||
| videoLevelList | Array<{ /** 清晰度 */ level: number, /** 名称 */ name: string, /**1: 主码流,2: 子码流*/ streamTypeIn: 1 | 2 }> | null | 自定义清晰度列表，默认null, 如果有值 sdk 内部不在进行获取, 为 null 使用接口获取的清晰度列表, videoLevelList.length === 0 不展示清晰度控件 sdk 内部不在进行获取, videoLevelList.length > 0 展示控件 sdk 内部不在进行获取 (v8.1.10版本及以上支持); 8.1.17 开始 当 level 的值小于 0时， 不在向设备发送指令，仅根据 streamTypeIn 切换码流 （请保证 streamTypeIn 对应的码流存在） | N | ||||||||||||||||||
| scaleMode | 0 | 1 | 2 | 默认 0 完全填充窗口，会有拉伸 1: 等比适配 2: 等比完全填充窗口, 超出隐藏 @sine 8.2.0 | N |
同步方法（方式 1）方法支持通过 promise 回调，可通过回调方式执行下一步动作（方式 2）。
// 方式1
player.play();
// 方式2
player.play().then(() => {
console.log("执行播放成功后其他动作");
});
// 方式1
player.stop();
// 方式2
player.stop().then(() => {
console.log("执行停止成功后其他动作");
});
// 方式1
player.openSound();
// 方式2
player.openSound().then(() => {
console.log("执行开启声音成功后其他动作");
});
// 方式1
player.closeSound();
因录制解码库加载限制，录制库加载需要 3S 秒左右，请保证录制时长需要大于 5 秒。录制文件需要使用播放器，播放器下载地址 播放器下载
// 方式1
player.startSave("唯一文件名");
// 方式2
player.startSave("唯一文件名").then(() => {
console.log("执行开始录制成功后其他动作");
});
// 方式1
player.stopSave();
// 方式2
player.stopSave().then(() => {
console.log("执行停止录制成功后其他动作");
});
// 方式1 - 下载到本地
player.capturePicture("文件名");
// 方式2 - 返回base64格式
const capCallback = (data) => {
console.log("data", data);
};
player.capturePicture("default", capCallback);
player.startTalk();
player.stopTalk();
// 设置音频增益系数 0 ~ 10
player.setVolumeGain(volume);
player.getMicrophonePermission().then((data) => {
if (data.code === 0) {
// 成功....
}
});
// 需要在麦克风已授权的情况下调用，才能获取到麦克风列表，可以和getMicrophonePermission配合使用，或在初始化后先调用getMicrophonePermission获取授权
player.getMicrophonesList().then((data) => {
if (data.code === 0) {
// 成功....
}
});
// microphoneId 为获取到的麦克风列表中的deviceId，如果当前处于对讲中，调用setProfile会先关闭，重新发起对讲
player.setProfile({ microphoneId });
player.eventEmitter.on("volumeChange", ({ data }) => {
// 动态显示音柱,100ms触发一次
console.log(`${data * 100}%`);
});
player.fullScreen(); // 8.2.0 开始移除
player.fullscreen(); // 8.2.0 新增
player.cancelFullScreen(); // 8.2.0 开始移除
player.exitFullscreen(); // 8.2.0 新增
player.getOSDTime().then((time) => {
console.log("获取到的当前播放时间", time);
});
可用于在播放中切换设备，切换播放参数，以及直播切换回放等。请注意，频繁切换可能导致异常，切换间隔至少需要 1 秒
player.changePlayUrl(options).then(() => {
console.log("切换成功");
});
options 参数说明
| 参数名 | 类型 | 是否必选 | 默认值 | 描述 |
|---|---|---|---|---|
| type | String | Y | 无 | 播放地址类型，"live":预览，"rec"：回放；“cloud.rec”：云存储回放 |
| deviceSerial | String | Y | 无 | 设备序列号,存在英文字母的设备序列号，字母需为大写 |
| channelNo | int | Y | 无 | 通道号 |
| accessToken | String | N | 初始化时获取 | 授权过程获取的 access_token |
| hd | boolean | N | 初始化时获取 | 是否为高清 true-主码流（高清） false-子码流(标清) |
| validCode | String | N | 初始化时获取 | 设备验证码（加密设备播放需要输入验证码） |
| begin | String | N | 初始化时获取 | type 类型为回放有效，开始时间 格式为“YYYYMMDDHHmmss” |
| end | String | N | 初始化时获取 | type 类型为回放有效，结束时间 格式为 “YYYYMMDDHHmmss” |
可用于在播放中切换模板主题，请切换播放地址成功后调用
player.Theme.changeTheme(template); // 8.2.0 开始移除
player.changeTheme(template); // 8.2.0 新增
// 预览切回放场景示例
player.changePlayUrl({ type: "rec" }).then(() => {
console.log("地址切换成功，开始切换模板主题");
// player.Theme.changeTheme("pcRec"); // 8.2.0 开始移除
player.changeTheme("pcRec"); // 8.2.0 新增
});
template 参数说明
| 参数名 | 类型 | 描述 | 是否必选 |
|---|---|---|---|
| type | String | 模板名称，详见初始化参数 template | Y |
建议使用模板，模板中的电子放大功能更全
// 方式1
player.enableZoom();
// 方式2
player.enableZoom().then(() => {
console.log("开启电子放大成功");
});
// 方式1
player.closeZoom();
// 方式2
player.closeZoom().then(() => {
console.log("关闭电子放大成功");
});
player.resize(width, height); // 8.2.0 开始支持宽高参数为字符串（如 100% , 100vw , 100vh 10em, 10rem 等）
// {1, 0} 壁装鱼眼 不矫正
// {1, 1} 壁装360°全景
// {1, 2} 壁装4分屏
// {1, 4} 壁装广角
// {3, 0} 顶装鱼眼 不矫正
// {3, 1} 顶装360°全景
// {3, 4} 顶装4分屏
// {3, 5} 顶装柱状
// 顶装4分屏
player.setFECCorrectType({place: 3 , type：4}, "cavnas1,canvas2,canvas3") // cavnas1,canvas2,canvas3 是分屏是需要的
// interface LoggerOptions {
// name?: string
// level?: 'INFO' | 'LOG' | 'WARN' | 'ERROR',
// showTime?: boolean
// }
player.setLoggerOptions(options);
options 参数说明
| 参数名 | 类型 | 是否必选 | 默认值 | 描述 |
|---|---|---|---|---|
| name | string | N | 无 | 日志名称标签 |
| level | string | N | 无 | 日志等级， 支持 'INFO', 'LOG' , 'WARN' , 'ERROR' 四个等级 |
| showTime | boolean | N | 无 | 是否展示时间 |
所有事件名 EZUIKitPlayer.EVENTS, 事件监听 player.eventEmitter.on() 和事件取消 player.eventEmitter.off()
流信息事件 EZUIKitPlayer.EVENTS.streamInfoCB， 当初始化 streamInfoCBType = 1 时， 流信息事件只在获取到流时触发两次， 当初始化 streamInfoCBType = 0 时，会不停触发返回流信息（会影响性能）
// 监听流信息事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.streamInfoCB, (info) => {
// 包括 视频信息 音频信息
console.log("streamInfoCB", info);
});
音频信息事件 EZUIKitPlayer.EVENTS.audioInfo
// interface AudioInfo {
// audioFormatName：string // 音频格式名称
// audioChannels：number // 音频通道数
// audioBitsPerSample: number // 音频采样位数
// audioSamplesRate：number // 音频采样率
// audioBitRate: number // 音频码率
// }
// 监听音频信息变化
player.eventEmitter.on(EZUIKitPlayer.EVENTS.audioInfo, (info) => {
// {"audioFormat":8193,"audioFormatName":"AAC","audioChannels":1,"audioBitsPerSample":16,"audioSamplesRate":16000,"audioBitRate":32000}
console.log("audioInfo", info);
});
备注：如果想一直获取音频信息是否变化，在初始化时这是 streamInfoCBType = 0
音频信息事件 EZUIKitPlayer.EVENTS.videoInfo
// interface VideoInfo {
// videoFormatName：string // 视频格式名称
// width：number // 视频宽
// height: number // 视频高
// frameRate：number // 帧率
// intervalOfIFrame: number // IFrame间隔 （统计最近 5 个 GOP 的平均大小）
// }
// 监听视频信息变化
player.eventEmitter.on(EZUIKitPlayer.EVENTS.videoInfo, (info) => {
// {"videoFormat":5,"videoFormatName":"H265","width":3840,"height":2160,"frameRate":15,"intervalOfIFrame":0}
console.log("videoInfo", info);
});
备注：如果想一直获取视频信息是否变化，在初始化时这是 streamInfoCBType = 0
截图事件 EZUIKitPlayer.EVENTS.capturePicture
// interface CapturePictureInfoDate {
// fileName: string // 图片文件名称
// base64： string // base64图片字符串
// }
// 监听截图事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.capturePicture, (info) => {
// {data: CapturePictureInfoDate}
console.log("capturePictureInfo", info);
});
截图事件 EZUIKitPlayer.EVENTS.capturePicture
// interface CapturePictureInfoData {
// fileName: string // 图片文件名称
// base64： string // base64图片字符串
// }
// 监听截图事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.capturePicture, (info) => {
// {data: CapturePictureInfoData}
console.log("capturePictureInfo", info);
});
截图事件 EZUIKitPlayer.EVENTS.changeVideoLevel
// interface VideoLevelData {
// "name": string, // 清晰度名称
// "level":2, // 清晰度级别 0 | 1 | 2 | 3 | 4 | 5 | 6
// "streamTypeIn":2 // 主子码流 1：主码流 2：子码流
// }
// 监听截图事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.changeVideoLevel, (info) => {
// {data: VideoLevelData}
console.log("changeVideoLevel", info);
});
打开声音事件 EZUIKitPlayer.EVENTS.openSound
// 监听打开声音事件, 默认音量是 0.8 暂时不支持更改
player.eventEmitter.on(EZUIKitPlayer.EVENTS.openSound, () => {
// ...
});
关闭声音事件 EZUIKitPlayer.EVENTS.closeSound
// 监听关闭声音事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.closeSound, () => {
// ...
});
解码资源开始加载事件 EZUIKitPlayer.EVENTS.decoderLoad和解码资源加载完成事件 EZUIKitPlayer.EVENTS.decoderLoaded
// 监听解码资源开始加载事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.decoderLoad, () => {
// ...
});
// 监听解码资源加载完成事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.decoderLoaded, () => {
// ...
});
销毁事件 EZUIKitPlayer.EVENTS.destroy
// 监听销毁事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.destroy, () => {
// ...
});
全屏事件 EZUIKitPlayer.EVENTS.fullscreen
// 监听全屏事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.fullscreen, () => {
// ...
});
退出全屏事件 EZUIKitPlayer.EVENTS.exitFullscreen
// 监听退出全屏事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.exitFullscreen, () => {
// ...
});
全屏变化事件 EZUIKitPlayer.EVENTS.fullscreenChange
// 8.2.0 移除
// interface FullscreenChangeData {
// "isCurrentFullscreen": boolean, // 全局全屏
// "isCurrentBrowserFullscreen":boolean // 全局全屏和web 全屏
// }
// 监听全屏变化事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.fullscreenChange, (info) => {
// {data: FullscreenChangeData}
console.log("fullscreenChange", info);
});
// 8.2.0 新增
// interface FullscreenChangeData {
// "isCurrentFullscreen":true, // 当前窗口是否全屏
// "isFullscreen":true, // 页面是否有全屏
// "isMobile":false, // 是否是移动端
// "orientationAngle":0 // 屏幕旋转角度（适用移动端和pad ）
// }
// 监听全屏变化事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.fullscreenChange, (info) => {
// {data: FullscreenChangeData}
console.log("fullscreenChange", info);
});
首帧渲染事件 EZUIKitPlayer.EVENTS.firstFrameDisplay
// 监听首帧渲染事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.firstFrameDisplay, () => {
// ...
});
初始化事件 EZUIKitPlayer.EVENTS.init
// 监听初始化事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.init, () => {
// ...
});
resize 事件事件 EZUIKitPlayer.EVENTS.resize
// 监听resize事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.resize, (data) => {
// {data: {"width": number,"height":number}} // 8.2.0 开始移除
// {"width":number,"height":number,"isCurrentFullscreen":true,"orientationAngle":0} // 8.2.0 开始添加
console.log("resize", data);
});
暂停事件 EZUIKitPlayer.EVENTS.pause
// 监听暂停事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.pause, () => {
// ...
});
播放事件 EZUIKitPlayer.EVENTS.play
// 监听播放事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.play, () => {
// ...
});
恢复播放事件 EZUIKitPlayer.EVENTS.resume， 仅支持回放
// 监听恢复播放事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.resume, () => {
// ...
});
seek 事件 EZUIKitPlayer.EVENTS.seek， 仅支持回放
// 监听seek事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.seek, () => {
// ...
});
停止播放事件 EZUIKitPlayer.EVENTS.stop
// 监听停止播放事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.stop, () => {
// ...
});
设置封面事件 EZUIKitPlayer.EVENTS.setPoster
// 监听设置封面事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.setPoster, () => {
// ...
});
设置镜像反转事件 EZUIKitPlayer.EVENTS.setMirrorFlip
// 监听设置镜像反转事件, 不判断是否成功
player.eventEmitter.on(EZUIKitPlayer.EVENTS.setMirrorFlip, (data) => {
// ...
});
主题重置事件 EZUIKitPlayer.EVENTS.reSetTheme
// 监听主题重置事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.reSetTheme, () => {
// ...
});
8.2.0 开始不在支持
回放时间变化事件 EZUIKitPlayer.EVENTS.recTimeChange
// 监听回放时间变化事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.recTimeChange, () => {
// ...
});
获取云存储回片段事件 EZUIKitPlayer.EVENTS.http.getCloudRecTimes
// 监听获取云存储回片段事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.http.getCloudRecTimes, (list) => {
// {data: {"width": number,"height":number}}
console.log("list", list);
});
获取云录制回片段事件 EZUIKitPlayer.EVENTS.http.getCloudRecordTimes
// 监听获取云录制回片段事件
player.eventEmitter.on(
EZUIKitPlayer.EVENTS.http.getCloudRecordTimes,
(list) => {
// {data: {"width": number,"height":number}}
console.log("list", list);
}
);
获取本地录制回片段事件 EZUIKitPlayer.EVENTS.http.getLocalRecTimes
// 监听获取本地录制回片段事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.http.getLocalRecTimes, (list) => {
// {data: {"width": number,"height":number}}
console.log("list", list);
});
获取设备信息事件 EZUIKitPlayer.EVENTS.http.getDeviceInfo
// 监听获取设备信息事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.http.getDeviceInfo, (info) => {
// {"deviceSerial":"BC7799091","deviceName":"前端设备勿动 C6Wi(BC7799091)","localName":"C6Wi(BC7799091)","model":"CS-C6Wi-8D8W2DF","status":1,"defence":0,"isEncrypt":0,"alarmSoundMode":2,"offlineNotify":0,"category":"C6Wi","parentCategory":"IPC","updateTime":1741763026000,"netType":"wireless","signal":"0%","riskLevel":0,"netAddress":"125.121.197.61"}
console.log("info", info);
});
获取设备通道信息事件 EZUIKitPlayer.EVENTS.http.getDeviceList
// 监听获取设备信息事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.http.getDeviceList, (info) => {
// {"deviceSerial":"BC7799091","deviceName":"前端设备勿动 C6Wi(BC7799091)","localName":"C6Wi(BC7799091)","model":"CS-C6Wi-8D8W2DF","status":1,"defence":0,"isEncrypt":0,"alarmSoundMode":2,"offlineNotify":0,"category":"C6Wi","parentCategory":"IPC","updateTime":1741763026000,"netType":"wireless","signal":"0%","riskLevel":0,"netAddress":"125.121.197.61"}
console.log("info", info);
});
设置清晰度事件 EZUIKitPlayer.EVENTS.http.setVideoLevel
// 监听设置清晰度事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.http.setVideoLevel, () => {
// ....
});
倍速增加事件 EZUIKitPlayer.EVENTS.fast
// 监听倍速增加事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.fast, ({ data }) => {
console.log(data);
});
倍速下降事件 EZUIKitPlayer.EVENTS.slow
// 监听倍速下降事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.slow, ({ data }) => {
console.log(data);
});
倍速变化事件 EZUIKitPlayer.EVENTS.speedChange
// 监听倍速变化事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.speedChange, (speed) => {
console.log(speed);
});
开启对讲事件 EZUIKitPlayer.EVENTS.startTalk
// 监听开启对讲事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.startTalk, () => {
// ...
});
关闭对讲事件 EZUIKitPlayer.EVENTS.stopTalk
// 监听关闭对讲事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.stopTalk, () => {
// ...
});
对讲音量变化事件 EZUIKitPlayer.EVENTS.volumeChange
// 监听对讲音量变化事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.volumeChange, () => {
// ...
});
对讲开启成功事件 EZUIKitPlayer.EVENTS.talkSuccess
// 监听对讲开启成功事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.talkSuccess, () => {
// ...
});
对讲开启失败事件 EZUIKitPlayer.EVENTS.talkError
// 监听对讲开启失败事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.talkError, (error) => {
// ...
console.error("talkError", error);
});
开启录制事件 EZUIKitPlayer.EVENTS.startSave
// 监听开启录制事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.startSave, () => {
// ...
});
结束录制事件 EZUIKitPlayer.EVENTS.stopSave
// 监听结束录制事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.stopSave, ({ data }) => {
// {"url":"blob:https://test12openstatic.ezv-test.com/80401d8c-3b5b-45d9-ba47-a79153fabbe9","file":{}}
console.log(data);
});
打开电子放大事件 EZUIKitPlayer.EVENTS.zoom.openZoom
// 监听打开电子放大事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.zoom.openZoom, () => {
// ....
});
关闭电子放大事件 EZUIKitPlayer.EVENTS.zoom.closeZoom
// 监听关闭电子放大事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.zoom.closeZoom, () => {
// ....
});
电子放大变化事件 EZUIKitPlayer.EVENTS.zoom.onZoomChange
// 监听电子放大变化事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.zoom.onZoomChange, (info) => {
// {"zoom": string,"reset"?:boolean}
console.log("onZoomChange", info);
});
打开云台控制控件事件 EZUIKitPlayer.EVENTS.ptz.openPtz
// 监听开云台控制控件事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.ptz.openPtz, () => {
// ...
});
关闭云台控制控件事件 EZUIKitPlayer.EVENTS.ptz.openPtz
// 监听关闭云台控制控件事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.ptz.closePtz, () => {
// ...
});
云台控制速度变化事件 EZUIKitPlayer.EVENTS.ptz.ptzSpeedChange
// 监听关闭云台控制控件事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.ptz.ptzSpeedChange, () => {
// ...
});
点击云台控制控件按钮事件 EZUIKitPlayer.EVENTS.ptz.ptzBtnClick
// 监听点击云台控制控件按钮事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.ptz.ptzBtnClick, () => {
// ...
});
点击云台控制控件方向事件 EZUIKitPlayer.EVENTS.ptz.ptzDirection
// 监听点击云台控制控件方向事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.ptz.ptzDirection, () => {
// ...
});
时间轴控件刻度宽度变化事件 EZUIKitPlayer.EVENTS.timeLine.timeWidthChange
// 监听时间轴刻度宽度变化事件
player.eventEmitter.on(
EZUIKitPlayer.EVENTS.timeLine.timeWidthChange,
(widthType) => {
// ...
console.log("timeWidthChange", widthType); // 0 | 1 | 2 | 3
}
);
日期选择器打开事件 EZUIKitPlayer.EVENTS.date.openDatePanel
// 监听日期选择器打开事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.date.openDatePanel, () => {
// ...
});
日期选择器关闭事件 EZUIKitPlayer.EVENTS.date.closeDatePanel
// 监听日期选择器关闭事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.date.closeDatePanel, () => {
// ...
});
日期选择器日期切换事件 EZUIKitPlayer.EVENTS.date.recStartTimeChange
// 监听日期选择器日期切换事件
player.eventEmitter.on(EZUIKitPlayer.EVENTS.date.recStartTimeChange, () => {
// ...
});
FAQs
ezuikit javascript for npm
We found that ezuikit-js demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 2 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
GitHub has revoked npm classic tokens for publishing; maintainers must migrate, but OpenJS warns OIDC trusted publishing still has risky gaps for critical projects.
Security News
Rust’s crates.io team is advancing an RFC to add a Security tab that surfaces RustSec vulnerability and unsoundness advisories directly on crate pages.
Security News
/Research
Socket found a Rust typosquat (finch-rust) that loads sha-rust to steal credentials, using impersonation and an unpinned dependency to auto-deliver updates.