@ezuikit/player-theme 0.0.1-alpha.3 → 0.0.1-alpha.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +38 -21
- package/dist/index.mjs +38 -21
- package/dist/index.umd.js +40 -21
- package/dist/style.js +2 -2
- package/dist/types/index.d.ts +4 -7
- package/package.json +1 -5
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* @ezuikit/player-theme v0.0.1-alpha.
|
|
3
|
-
* Copyright (c) 2025-10-
|
|
2
|
+
* @ezuikit/player-theme v0.0.1-alpha.5
|
|
3
|
+
* Copyright (c) 2025-10-09 Ezviz-OpenBiz
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
6
6
|
'use strict';
|
|
@@ -65,6 +65,18 @@ const THEME_PROPS = [
|
|
|
65
65
|
'deviceID',
|
|
66
66
|
'deviceName'
|
|
67
67
|
];
|
|
68
|
+
/**
|
|
69
|
+
* 暂停时能禁用的控件按钮
|
|
70
|
+
*/ const PAUSE_DISABLED_BTN = [
|
|
71
|
+
'capturePicture',
|
|
72
|
+
'volume',
|
|
73
|
+
'ptz',
|
|
74
|
+
'record',
|
|
75
|
+
'talk',
|
|
76
|
+
'definition',
|
|
77
|
+
'speed',
|
|
78
|
+
'globalFullscreen'
|
|
79
|
+
];
|
|
68
80
|
/**
|
|
69
81
|
* 移动端可以扩展的控件
|
|
70
82
|
* ['ptz', 'talk', 'record', 'capturePicture', 'timeLine', 'rec', 'date'];
|
|
@@ -3379,6 +3391,8 @@ function debounce(func, wait) {
|
|
|
3379
3391
|
});
|
|
3380
3392
|
theme == null ? void 0 : theme.on(EVENTS.videoInfo, (info)=>{
|
|
3381
3393
|
});
|
|
3394
|
+
theme == null ? void 0 : theme.on('getDeviceInfo', (info)=>{
|
|
3395
|
+
});
|
|
3382
3396
|
theme == null ? void 0 : theme.on(EVENTS.firstFrameDisplay, ()=>{
|
|
3383
3397
|
theme._disabled(false);
|
|
3384
3398
|
});
|
|
@@ -3907,8 +3921,8 @@ const ZOOM_DEFAULT_OPTIONS = {
|
|
|
3907
3921
|
};
|
|
3908
3922
|
|
|
3909
3923
|
/*
|
|
3910
|
-
* @ezuikit/control-zoom v0.0.
|
|
3911
|
-
* Copyright (c) 2025-
|
|
3924
|
+
* @ezuikit/control-zoom v0.0.2
|
|
3925
|
+
* Copyright (c) 2025-09-21 Ezviz-OpenBiz
|
|
3912
3926
|
* Released under the MIT License.
|
|
3913
3927
|
*/
|
|
3914
3928
|
/**
|
|
@@ -4581,7 +4595,7 @@ const ZOOM_DEFAULT_OPTIONS = {
|
|
|
4581
4595
|
this.setZoom = this.setZoom.bind(this);
|
|
4582
4596
|
}
|
|
4583
4597
|
}
|
|
4584
|
-
Zoom.VERSION = '0.0.
|
|
4598
|
+
Zoom.VERSION = '0.0.2';
|
|
4585
4599
|
|
|
4586
4600
|
function _extends$i() {
|
|
4587
4601
|
_extends$i = Object.assign || function(target) {
|
|
@@ -5287,8 +5301,8 @@ function _extends$d() {
|
|
|
5287
5301
|
}
|
|
5288
5302
|
|
|
5289
5303
|
/*
|
|
5290
|
-
* @ezuikit/control-ptz v0.0.1
|
|
5291
|
-
* Copyright (c) 2025-
|
|
5304
|
+
* @ezuikit/control-ptz v0.0.1
|
|
5305
|
+
* Copyright (c) 2025-09-21 Ezviz-OpenBiz
|
|
5292
5306
|
* Released under the MIT License.
|
|
5293
5307
|
*/
|
|
5294
5308
|
|
|
@@ -5457,11 +5471,11 @@ class MobilePtz extends BasePtz {
|
|
|
5457
5471
|
$icons[0].className = $icons[0].className.replace(`${PTZ_MOBILE_PREFIX}-default`, `${PTZ_MOBILE_PREFIX}-active`);
|
|
5458
5472
|
}
|
|
5459
5473
|
}
|
|
5460
|
-
$warp.style = `background-image:linear-gradient(${direction === 0 ? 180 : direction === 1 ? 0 : direction === 2 ? 90 : 270}deg, #c0ddf1 0%, rgba(100,143,252,0.00) 50%)`;
|
|
5474
|
+
$warp.style.cssText = `background-image:linear-gradient(${direction === 0 ? 180 : direction === 1 ? 0 : direction === 2 ? 90 : 270}deg, #c0ddf1 0%, rgba(100,143,252,0.00) 50%)`;
|
|
5461
5475
|
if (type === 'stop') {
|
|
5462
5476
|
var _this_options_env1;
|
|
5463
5477
|
url = ((_this_options_env1 = this.options.env) == null ? void 0 : _this_options_env1.domain) + '/api/lapp/device/ptz/stop';
|
|
5464
|
-
$warp.style = '';
|
|
5478
|
+
$warp.style.cssText = '';
|
|
5465
5479
|
$icons[3].className = $icons[3].className.replace(`${PTZ_MOBILE_PREFIX}-active`, `${PTZ_MOBILE_PREFIX}-default`);
|
|
5466
5480
|
$icons[1].className = $icons[1].className.replace(`${PTZ_MOBILE_PREFIX}-active`, `${PTZ_MOBILE_PREFIX}-default`);
|
|
5467
5481
|
$icons[2].className = $icons[2].className.replace(`${PTZ_MOBILE_PREFIX}-active`, `${PTZ_MOBILE_PREFIX}-default`);
|
|
@@ -5505,11 +5519,14 @@ class MobilePtz extends BasePtz {
|
|
|
5505
5519
|
60003,
|
|
5506
5520
|
60004
|
|
5507
5521
|
].includes(+rt.code)) {
|
|
5508
|
-
$warp.style = `background-image:linear-gradient(${direction === 0 ? 180 : direction === 1 ? 0 : direction === 2 ? 90 : 270}deg, #f45656 0%, rgba(100,143,252,0.00) 50%)`;
|
|
5522
|
+
$warp.style.cssText = `background-image:linear-gradient(${direction === 0 ? 180 : direction === 1 ? 0 : direction === 2 ? 90 : 270}deg, #f45656 0%, rgba(100,143,252,0.00) 50%)`;
|
|
5509
5523
|
}
|
|
5510
5524
|
}
|
|
5511
5525
|
operationResultCb == null ? void 0 : operationResultCb(rt);
|
|
5512
5526
|
}).catch((err)=>{
|
|
5527
|
+
}).finally(()=>{
|
|
5528
|
+
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
5529
|
+
operationResultCb = null;
|
|
5513
5530
|
});
|
|
5514
5531
|
}
|
|
5515
5532
|
constructor(container, options){
|
|
@@ -6898,8 +6915,8 @@ const SPEED_DEFAULT_OPTIONS = {
|
|
|
6898
6915
|
}
|
|
6899
6916
|
|
|
6900
6917
|
/*
|
|
6901
|
-
* @ezuikit/control-date-picker v0.0.1
|
|
6902
|
-
* Copyright (c) 2025-
|
|
6918
|
+
* @ezuikit/control-date-picker v0.0.1
|
|
6919
|
+
* Copyright (c) 2025-09-21 Ezviz-OpenBiz
|
|
6903
6920
|
* Released under the MIT License.
|
|
6904
6921
|
*/
|
|
6905
6922
|
function asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, key, arg) {
|
|
@@ -7373,8 +7390,8 @@ function _extends$6() {
|
|
|
7373
7390
|
}
|
|
7374
7391
|
|
|
7375
7392
|
/*
|
|
7376
|
-
* @ezuikit/control-time-line v0.0.1
|
|
7377
|
-
* Copyright (c) 2025-
|
|
7393
|
+
* @ezuikit/control-time-line v0.0.1
|
|
7394
|
+
* Copyright (c) 2025-09-21 Ezviz-OpenBiz
|
|
7378
7395
|
* Released under the MIT License.
|
|
7379
7396
|
*/
|
|
7380
7397
|
|
|
@@ -10442,11 +10459,11 @@ const THEME_DEFAULT_OPTIONS = {
|
|
|
10442
10459
|
* 禁用按钮
|
|
10443
10460
|
* @private
|
|
10444
10461
|
*/ _disabled(disabled = true) {
|
|
10445
|
-
|
|
10446
|
-
|
|
10447
|
-
|
|
10448
|
-
|
|
10449
|
-
|
|
10462
|
+
PAUSE_DISABLED_BTN.forEach((btn)=>{
|
|
10463
|
+
if (this.controls[`${btn}Control`]) {
|
|
10464
|
+
this.controls[`${btn}Control`].disabled = disabled;
|
|
10465
|
+
}
|
|
10466
|
+
});
|
|
10450
10467
|
}
|
|
10451
10468
|
_onDblClickFullscreen() {
|
|
10452
10469
|
if (this.isCurrentFullscreen) {
|
|
@@ -10528,7 +10545,7 @@ const THEME_DEFAULT_OPTIONS = {
|
|
|
10528
10545
|
*/ this._footerMoreControl = null, /** 头部控件 @since 0.0.1 @private */ this._header = null, /** 低部控件 @since 0.0.1 @private */ this._footer = null, /** 回放底部时间轴 @since 0.0.1 @private */ this._recFooter = null, /**
|
|
10529
10546
|
* 移动端扩展容器, 扩展的控件渲染在指定容器以外, 仅只用端适用, 为了可以放置大的控件和方便开发接入
|
|
10530
10547
|
* @private
|
|
10531
|
-
*/ this._mobileExtend = null, /** @since 0.0.1 @private */ this._interactiveResult = null, /** @since 0.0.1 @private */ this._themeData = null, this._fullscreen = null, this.zoomUtil = null, /** 清除屏幕旋转 */ this._cleanupOrientation = null, /** resizeObserver 监听销毁 */ this._cleanUpResizeObserver = null, /** 容器的宽 */ this._width = 0, /** 容器的高 */ this._height = 0, /** 当前容器的全屏状态 true: 全屏, false: 非全屏 */ this._isCurrentFullscreen = false, /** 屏幕旋转角度 0 | 90 | 180 | 270 */ this._orientationAngle = 0, /** 是否播放中 @private */ this._playing = false, /** 加载中 */ this._loading = false, /** 音量 */ this._volume = 0, /** 静音 */ this._muted = false, /** 电子放大倍数 @private */ this._zoom = 1, /** 放大中 true: 可缩放状态,false: 禁止缩放状态(不能缩放) @private */ this._zooming = false, /** 录制中 @private */ this._recording = false, /** 对讲中 @private */ this._talking = false, /** 倍速 @private */ this._speed = 1, /**
|
|
10548
|
+
*/ this._mobileExtend = null, /** @since 0.0.1 @private */ this._interactiveResult = null, /** @since 0.0.1 @private */ this._themeData = null, this._fullscreen = null, this.zoomUtil = null, /** 清除屏幕旋转 */ this._cleanupOrientation = null, /** resizeObserver 监听销毁 */ this._cleanUpResizeObserver = null, /** 容器的宽 */ this._width = 0, /** 容器的高 */ this._height = 0, /** 当前容器的全屏状态 true: 全屏, false: 非全屏 */ this._isCurrentFullscreen = false, /** 屏幕旋转角度 0 | 90 | 180 | 270 */ this._orientationAngle = 0, /** 是否播放中 @private */ this._playing = false, /** 加载中 */ this._loading = false, /** 音量 */ this._volume = 0, /** 静音 */ this._muted = false, /** 电子放大倍数 @private */ this._zoom = 1, /** 放大中 true: 可缩放状态,false: 禁止缩放状态(不能缩放) @private */ this._zooming = false, /** 录制中 @private */ this._recording = false, /** 对讲中 @private */ this._talking = false, /** 倍速 @private */ this._speed = 1, /** 自定清晰度 @private */ this._videoLevelAuto = false, /** 清晰度列表 */ this.videoLevelList = [], /** 回放片段列表 */ this.recordList = [], /** 窗口尺寸变化时,设置窗口超出隐藏,防止出现滚动条 */ this._resizeOverflowTimer = null, /** 清理 header/footer 动画 定时器 @private */ this._onPauseTimingFunc = null, /** 销毁标识 @readonly */ this.destroyed = false, /** 播放地址信息 */ this.urlInfo = null;
|
|
10532
10549
|
this._initOptions(options);
|
|
10533
10550
|
if (this.options.type === 'ezopen') {
|
|
10534
10551
|
var _this_urlInfo_searchParams, _this_urlInfo;
|
|
@@ -10588,7 +10605,7 @@ const THEME_DEFAULT_OPTIONS = {
|
|
|
10588
10605
|
zh,
|
|
10589
10606
|
en
|
|
10590
10607
|
};
|
|
10591
|
-
/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '0.0.1-alpha.
|
|
10608
|
+
/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '0.0.1-alpha.5';
|
|
10592
10609
|
|
|
10593
10610
|
exports.Control = Control;
|
|
10594
10611
|
exports.Fullscreen = Fullscreen;
|
package/dist/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* @ezuikit/player-theme v0.0.1-alpha.
|
|
3
|
-
* Copyright (c) 2025-10-
|
|
2
|
+
* @ezuikit/player-theme v0.0.1-alpha.5
|
|
3
|
+
* Copyright (c) 2025-10-09 Ezviz-OpenBiz
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
6
6
|
import EventEmitter from 'eventemitter3';
|
|
@@ -61,6 +61,18 @@ const THEME_PROPS = [
|
|
|
61
61
|
'deviceID',
|
|
62
62
|
'deviceName'
|
|
63
63
|
];
|
|
64
|
+
/**
|
|
65
|
+
* 暂停时能禁用的控件按钮
|
|
66
|
+
*/ const PAUSE_DISABLED_BTN = [
|
|
67
|
+
'capturePicture',
|
|
68
|
+
'volume',
|
|
69
|
+
'ptz',
|
|
70
|
+
'record',
|
|
71
|
+
'talk',
|
|
72
|
+
'definition',
|
|
73
|
+
'speed',
|
|
74
|
+
'globalFullscreen'
|
|
75
|
+
];
|
|
64
76
|
/**
|
|
65
77
|
* 移动端可以扩展的控件
|
|
66
78
|
* ['ptz', 'talk', 'record', 'capturePicture', 'timeLine', 'rec', 'date'];
|
|
@@ -3375,6 +3387,8 @@ function debounce(func, wait) {
|
|
|
3375
3387
|
});
|
|
3376
3388
|
theme == null ? void 0 : theme.on(EVENTS.videoInfo, (info)=>{
|
|
3377
3389
|
});
|
|
3390
|
+
theme == null ? void 0 : theme.on('getDeviceInfo', (info)=>{
|
|
3391
|
+
});
|
|
3378
3392
|
theme == null ? void 0 : theme.on(EVENTS.firstFrameDisplay, ()=>{
|
|
3379
3393
|
theme._disabled(false);
|
|
3380
3394
|
});
|
|
@@ -3903,8 +3917,8 @@ const ZOOM_DEFAULT_OPTIONS = {
|
|
|
3903
3917
|
};
|
|
3904
3918
|
|
|
3905
3919
|
/*
|
|
3906
|
-
* @ezuikit/control-zoom v0.0.
|
|
3907
|
-
* Copyright (c) 2025-
|
|
3920
|
+
* @ezuikit/control-zoom v0.0.2
|
|
3921
|
+
* Copyright (c) 2025-09-21 Ezviz-OpenBiz
|
|
3908
3922
|
* Released under the MIT License.
|
|
3909
3923
|
*/
|
|
3910
3924
|
/**
|
|
@@ -4577,7 +4591,7 @@ const ZOOM_DEFAULT_OPTIONS = {
|
|
|
4577
4591
|
this.setZoom = this.setZoom.bind(this);
|
|
4578
4592
|
}
|
|
4579
4593
|
}
|
|
4580
|
-
Zoom.VERSION = '0.0.
|
|
4594
|
+
Zoom.VERSION = '0.0.2';
|
|
4581
4595
|
|
|
4582
4596
|
function _extends$i() {
|
|
4583
4597
|
_extends$i = Object.assign || function(target) {
|
|
@@ -5283,8 +5297,8 @@ function _extends$d() {
|
|
|
5283
5297
|
}
|
|
5284
5298
|
|
|
5285
5299
|
/*
|
|
5286
|
-
* @ezuikit/control-ptz v0.0.1
|
|
5287
|
-
* Copyright (c) 2025-
|
|
5300
|
+
* @ezuikit/control-ptz v0.0.1
|
|
5301
|
+
* Copyright (c) 2025-09-21 Ezviz-OpenBiz
|
|
5288
5302
|
* Released under the MIT License.
|
|
5289
5303
|
*/
|
|
5290
5304
|
|
|
@@ -5453,11 +5467,11 @@ class MobilePtz extends BasePtz {
|
|
|
5453
5467
|
$icons[0].className = $icons[0].className.replace(`${PTZ_MOBILE_PREFIX}-default`, `${PTZ_MOBILE_PREFIX}-active`);
|
|
5454
5468
|
}
|
|
5455
5469
|
}
|
|
5456
|
-
$warp.style = `background-image:linear-gradient(${direction === 0 ? 180 : direction === 1 ? 0 : direction === 2 ? 90 : 270}deg, #c0ddf1 0%, rgba(100,143,252,0.00) 50%)`;
|
|
5470
|
+
$warp.style.cssText = `background-image:linear-gradient(${direction === 0 ? 180 : direction === 1 ? 0 : direction === 2 ? 90 : 270}deg, #c0ddf1 0%, rgba(100,143,252,0.00) 50%)`;
|
|
5457
5471
|
if (type === 'stop') {
|
|
5458
5472
|
var _this_options_env1;
|
|
5459
5473
|
url = ((_this_options_env1 = this.options.env) == null ? void 0 : _this_options_env1.domain) + '/api/lapp/device/ptz/stop';
|
|
5460
|
-
$warp.style = '';
|
|
5474
|
+
$warp.style.cssText = '';
|
|
5461
5475
|
$icons[3].className = $icons[3].className.replace(`${PTZ_MOBILE_PREFIX}-active`, `${PTZ_MOBILE_PREFIX}-default`);
|
|
5462
5476
|
$icons[1].className = $icons[1].className.replace(`${PTZ_MOBILE_PREFIX}-active`, `${PTZ_MOBILE_PREFIX}-default`);
|
|
5463
5477
|
$icons[2].className = $icons[2].className.replace(`${PTZ_MOBILE_PREFIX}-active`, `${PTZ_MOBILE_PREFIX}-default`);
|
|
@@ -5501,11 +5515,14 @@ class MobilePtz extends BasePtz {
|
|
|
5501
5515
|
60003,
|
|
5502
5516
|
60004
|
|
5503
5517
|
].includes(+rt.code)) {
|
|
5504
|
-
$warp.style = `background-image:linear-gradient(${direction === 0 ? 180 : direction === 1 ? 0 : direction === 2 ? 90 : 270}deg, #f45656 0%, rgba(100,143,252,0.00) 50%)`;
|
|
5518
|
+
$warp.style.cssText = `background-image:linear-gradient(${direction === 0 ? 180 : direction === 1 ? 0 : direction === 2 ? 90 : 270}deg, #f45656 0%, rgba(100,143,252,0.00) 50%)`;
|
|
5505
5519
|
}
|
|
5506
5520
|
}
|
|
5507
5521
|
operationResultCb == null ? void 0 : operationResultCb(rt);
|
|
5508
5522
|
}).catch((err)=>{
|
|
5523
|
+
}).finally(()=>{
|
|
5524
|
+
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
5525
|
+
operationResultCb = null;
|
|
5509
5526
|
});
|
|
5510
5527
|
}
|
|
5511
5528
|
constructor(container, options){
|
|
@@ -6894,8 +6911,8 @@ const SPEED_DEFAULT_OPTIONS = {
|
|
|
6894
6911
|
}
|
|
6895
6912
|
|
|
6896
6913
|
/*
|
|
6897
|
-
* @ezuikit/control-date-picker v0.0.1
|
|
6898
|
-
* Copyright (c) 2025-
|
|
6914
|
+
* @ezuikit/control-date-picker v0.0.1
|
|
6915
|
+
* Copyright (c) 2025-09-21 Ezviz-OpenBiz
|
|
6899
6916
|
* Released under the MIT License.
|
|
6900
6917
|
*/
|
|
6901
6918
|
function asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, key, arg) {
|
|
@@ -7369,8 +7386,8 @@ function _extends$6() {
|
|
|
7369
7386
|
}
|
|
7370
7387
|
|
|
7371
7388
|
/*
|
|
7372
|
-
* @ezuikit/control-time-line v0.0.1
|
|
7373
|
-
* Copyright (c) 2025-
|
|
7389
|
+
* @ezuikit/control-time-line v0.0.1
|
|
7390
|
+
* Copyright (c) 2025-09-21 Ezviz-OpenBiz
|
|
7374
7391
|
* Released under the MIT License.
|
|
7375
7392
|
*/
|
|
7376
7393
|
|
|
@@ -10438,11 +10455,11 @@ const THEME_DEFAULT_OPTIONS = {
|
|
|
10438
10455
|
* 禁用按钮
|
|
10439
10456
|
* @private
|
|
10440
10457
|
*/ _disabled(disabled = true) {
|
|
10441
|
-
|
|
10442
|
-
|
|
10443
|
-
|
|
10444
|
-
|
|
10445
|
-
|
|
10458
|
+
PAUSE_DISABLED_BTN.forEach((btn)=>{
|
|
10459
|
+
if (this.controls[`${btn}Control`]) {
|
|
10460
|
+
this.controls[`${btn}Control`].disabled = disabled;
|
|
10461
|
+
}
|
|
10462
|
+
});
|
|
10446
10463
|
}
|
|
10447
10464
|
_onDblClickFullscreen() {
|
|
10448
10465
|
if (this.isCurrentFullscreen) {
|
|
@@ -10524,7 +10541,7 @@ const THEME_DEFAULT_OPTIONS = {
|
|
|
10524
10541
|
*/ this._footerMoreControl = null, /** 头部控件 @since 0.0.1 @private */ this._header = null, /** 低部控件 @since 0.0.1 @private */ this._footer = null, /** 回放底部时间轴 @since 0.0.1 @private */ this._recFooter = null, /**
|
|
10525
10542
|
* 移动端扩展容器, 扩展的控件渲染在指定容器以外, 仅只用端适用, 为了可以放置大的控件和方便开发接入
|
|
10526
10543
|
* @private
|
|
10527
|
-
*/ this._mobileExtend = null, /** @since 0.0.1 @private */ this._interactiveResult = null, /** @since 0.0.1 @private */ this._themeData = null, this._fullscreen = null, this.zoomUtil = null, /** 清除屏幕旋转 */ this._cleanupOrientation = null, /** resizeObserver 监听销毁 */ this._cleanUpResizeObserver = null, /** 容器的宽 */ this._width = 0, /** 容器的高 */ this._height = 0, /** 当前容器的全屏状态 true: 全屏, false: 非全屏 */ this._isCurrentFullscreen = false, /** 屏幕旋转角度 0 | 90 | 180 | 270 */ this._orientationAngle = 0, /** 是否播放中 @private */ this._playing = false, /** 加载中 */ this._loading = false, /** 音量 */ this._volume = 0, /** 静音 */ this._muted = false, /** 电子放大倍数 @private */ this._zoom = 1, /** 放大中 true: 可缩放状态,false: 禁止缩放状态(不能缩放) @private */ this._zooming = false, /** 录制中 @private */ this._recording = false, /** 对讲中 @private */ this._talking = false, /** 倍速 @private */ this._speed = 1, /**
|
|
10544
|
+
*/ this._mobileExtend = null, /** @since 0.0.1 @private */ this._interactiveResult = null, /** @since 0.0.1 @private */ this._themeData = null, this._fullscreen = null, this.zoomUtil = null, /** 清除屏幕旋转 */ this._cleanupOrientation = null, /** resizeObserver 监听销毁 */ this._cleanUpResizeObserver = null, /** 容器的宽 */ this._width = 0, /** 容器的高 */ this._height = 0, /** 当前容器的全屏状态 true: 全屏, false: 非全屏 */ this._isCurrentFullscreen = false, /** 屏幕旋转角度 0 | 90 | 180 | 270 */ this._orientationAngle = 0, /** 是否播放中 @private */ this._playing = false, /** 加载中 */ this._loading = false, /** 音量 */ this._volume = 0, /** 静音 */ this._muted = false, /** 电子放大倍数 @private */ this._zoom = 1, /** 放大中 true: 可缩放状态,false: 禁止缩放状态(不能缩放) @private */ this._zooming = false, /** 录制中 @private */ this._recording = false, /** 对讲中 @private */ this._talking = false, /** 倍速 @private */ this._speed = 1, /** 自定清晰度 @private */ this._videoLevelAuto = false, /** 清晰度列表 */ this.videoLevelList = [], /** 回放片段列表 */ this.recordList = [], /** 窗口尺寸变化时,设置窗口超出隐藏,防止出现滚动条 */ this._resizeOverflowTimer = null, /** 清理 header/footer 动画 定时器 @private */ this._onPauseTimingFunc = null, /** 销毁标识 @readonly */ this.destroyed = false, /** 播放地址信息 */ this.urlInfo = null;
|
|
10528
10545
|
this._initOptions(options);
|
|
10529
10546
|
if (this.options.type === 'ezopen') {
|
|
10530
10547
|
var _this_urlInfo_searchParams, _this_urlInfo;
|
|
@@ -10584,6 +10601,6 @@ const THEME_DEFAULT_OPTIONS = {
|
|
|
10584
10601
|
zh,
|
|
10585
10602
|
en
|
|
10586
10603
|
};
|
|
10587
|
-
/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '0.0.1-alpha.
|
|
10604
|
+
/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '0.0.1-alpha.5';
|
|
10588
10605
|
|
|
10589
10606
|
export { Control, Fullscreen, Loading, Message, Play, Poster, Rec, Theme, Utils, Volume, Theme as default };
|
package/dist/index.umd.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* @ezuikit/player-theme v0.0.1-alpha.
|
|
3
|
-
* Copyright (c) 2025-10-
|
|
2
|
+
* @ezuikit/player-theme v0.0.1-alpha.5
|
|
3
|
+
* Copyright (c) 2025-10-09 Ezviz-OpenBiz
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
6
6
|
(function (global, factory) {
|
|
@@ -412,6 +412,18 @@
|
|
|
412
412
|
'deviceID',
|
|
413
413
|
'deviceName'
|
|
414
414
|
];
|
|
415
|
+
/**
|
|
416
|
+
* 暂停时能禁用的控件按钮
|
|
417
|
+
*/ var PAUSE_DISABLED_BTN = [
|
|
418
|
+
'capturePicture',
|
|
419
|
+
'volume',
|
|
420
|
+
'ptz',
|
|
421
|
+
'record',
|
|
422
|
+
'talk',
|
|
423
|
+
'definition',
|
|
424
|
+
'speed',
|
|
425
|
+
'globalFullscreen'
|
|
426
|
+
];
|
|
415
427
|
/**
|
|
416
428
|
* 移动端可以扩展的控件
|
|
417
429
|
* ['ptz', 'talk', 'record', 'capturePicture', 'timeLine', 'rec', 'date'];
|
|
@@ -5246,6 +5258,8 @@
|
|
|
5246
5258
|
});
|
|
5247
5259
|
theme == null ? void 0 : theme.on(EVENTS.videoInfo, function(info) {
|
|
5248
5260
|
});
|
|
5261
|
+
theme == null ? void 0 : theme.on('getDeviceInfo', function(info) {
|
|
5262
|
+
});
|
|
5249
5263
|
theme == null ? void 0 : theme.on(EVENTS.firstFrameDisplay, function() {
|
|
5250
5264
|
theme._disabled(false);
|
|
5251
5265
|
});
|
|
@@ -5831,8 +5845,8 @@
|
|
|
5831
5845
|
}(Control);
|
|
5832
5846
|
|
|
5833
5847
|
/*
|
|
5834
|
-
* @ezuikit/control-zoom v0.0.
|
|
5835
|
-
* Copyright (c) 2025-
|
|
5848
|
+
* @ezuikit/control-zoom v0.0.2
|
|
5849
|
+
* Copyright (c) 2025-09-21 Ezviz-OpenBiz
|
|
5836
5850
|
* Released under the MIT License.
|
|
5837
5851
|
*/
|
|
5838
5852
|
/**
|
|
@@ -6505,7 +6519,7 @@
|
|
|
6505
6519
|
this.setZoom = this.setZoom.bind(this);
|
|
6506
6520
|
}
|
|
6507
6521
|
}
|
|
6508
|
-
Zoom.VERSION = '0.0.
|
|
6522
|
+
Zoom.VERSION = '0.0.2';
|
|
6509
6523
|
|
|
6510
6524
|
function _extends$i() {
|
|
6511
6525
|
_extends$i = Object.assign || function(target) {
|
|
@@ -7589,8 +7603,8 @@
|
|
|
7589
7603
|
function isMobile(agent){var _navigator,_navigator1,_navigator2;return /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone|Opera Mini)/i.test(null==(_navigator=navigator)?void 0:_navigator.userAgent)||/Macintosh/i.test(null==(_navigator1=navigator)?void 0:_navigator1.userAgent)&&(null==(_navigator2=navigator)?void 0:_navigator2.maxTouchPoints)>1}
|
|
7590
7604
|
|
|
7591
7605
|
/*
|
|
7592
|
-
* @ezuikit/control-ptz v0.0.1
|
|
7593
|
-
* Copyright (c) 2025-
|
|
7606
|
+
* @ezuikit/control-ptz v0.0.1
|
|
7607
|
+
* Copyright (c) 2025-09-21 Ezviz-OpenBiz
|
|
7594
7608
|
* Released under the MIT License.
|
|
7595
7609
|
*/
|
|
7596
7610
|
|
|
@@ -7759,11 +7773,11 @@
|
|
|
7759
7773
|
$icons[0].className = $icons[0].className.replace(`${PTZ_MOBILE_PREFIX}-default`, `${PTZ_MOBILE_PREFIX}-active`);
|
|
7760
7774
|
}
|
|
7761
7775
|
}
|
|
7762
|
-
$warp.style = `background-image:linear-gradient(${direction === 0 ? 180 : direction === 1 ? 0 : direction === 2 ? 90 : 270}deg, #c0ddf1 0%, rgba(100,143,252,0.00) 50%)`;
|
|
7776
|
+
$warp.style.cssText = `background-image:linear-gradient(${direction === 0 ? 180 : direction === 1 ? 0 : direction === 2 ? 90 : 270}deg, #c0ddf1 0%, rgba(100,143,252,0.00) 50%)`;
|
|
7763
7777
|
if (type === 'stop') {
|
|
7764
7778
|
var _this_options_env1;
|
|
7765
7779
|
url = ((_this_options_env1 = this.options.env) == null ? void 0 : _this_options_env1.domain) + '/api/lapp/device/ptz/stop';
|
|
7766
|
-
$warp.style = '';
|
|
7780
|
+
$warp.style.cssText = '';
|
|
7767
7781
|
$icons[3].className = $icons[3].className.replace(`${PTZ_MOBILE_PREFIX}-active`, `${PTZ_MOBILE_PREFIX}-default`);
|
|
7768
7782
|
$icons[1].className = $icons[1].className.replace(`${PTZ_MOBILE_PREFIX}-active`, `${PTZ_MOBILE_PREFIX}-default`);
|
|
7769
7783
|
$icons[2].className = $icons[2].className.replace(`${PTZ_MOBILE_PREFIX}-active`, `${PTZ_MOBILE_PREFIX}-default`);
|
|
@@ -7807,11 +7821,14 @@
|
|
|
7807
7821
|
60003,
|
|
7808
7822
|
60004
|
|
7809
7823
|
].includes(+rt.code)) {
|
|
7810
|
-
$warp.style = `background-image:linear-gradient(${direction === 0 ? 180 : direction === 1 ? 0 : direction === 2 ? 90 : 270}deg, #f45656 0%, rgba(100,143,252,0.00) 50%)`;
|
|
7824
|
+
$warp.style.cssText = `background-image:linear-gradient(${direction === 0 ? 180 : direction === 1 ? 0 : direction === 2 ? 90 : 270}deg, #f45656 0%, rgba(100,143,252,0.00) 50%)`;
|
|
7811
7825
|
}
|
|
7812
7826
|
}
|
|
7813
7827
|
operationResultCb == null ? void 0 : operationResultCb(rt);
|
|
7814
7828
|
}).catch((err)=>{
|
|
7829
|
+
}).finally(()=>{
|
|
7830
|
+
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
7831
|
+
operationResultCb = null;
|
|
7815
7832
|
});
|
|
7816
7833
|
}
|
|
7817
7834
|
constructor(container, options){
|
|
@@ -9559,8 +9576,8 @@
|
|
|
9559
9576
|
}(Select);
|
|
9560
9577
|
|
|
9561
9578
|
/*
|
|
9562
|
-
* @ezuikit/control-date-picker v0.0.1
|
|
9563
|
-
* Copyright (c) 2025-
|
|
9579
|
+
* @ezuikit/control-date-picker v0.0.1
|
|
9580
|
+
* Copyright (c) 2025-09-21 Ezviz-OpenBiz
|
|
9564
9581
|
* Released under the MIT License.
|
|
9565
9582
|
*/
|
|
9566
9583
|
function asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, key, arg) {
|
|
@@ -10060,8 +10077,8 @@
|
|
|
10060
10077
|
}(Control);
|
|
10061
10078
|
|
|
10062
10079
|
/*
|
|
10063
|
-
* @ezuikit/control-time-line v0.0.1
|
|
10064
|
-
* Copyright (c) 2025-
|
|
10080
|
+
* @ezuikit/control-time-line v0.0.1
|
|
10081
|
+
* Copyright (c) 2025-09-21 Ezviz-OpenBiz
|
|
10065
10082
|
* Released under the MIT License.
|
|
10066
10083
|
*/
|
|
10067
10084
|
|
|
@@ -12667,7 +12684,7 @@
|
|
|
12667
12684
|
*/ _this._footerMoreControl = null, /** 头部控件 @since 0.0.1 @private */ _this._header = null, /** 低部控件 @since 0.0.1 @private */ _this._footer = null, /** 回放底部时间轴 @since 0.0.1 @private */ _this._recFooter = null, /**
|
|
12668
12685
|
* 移动端扩展容器, 扩展的控件渲染在指定容器以外, 仅只用端适用, 为了可以放置大的控件和方便开发接入
|
|
12669
12686
|
* @private
|
|
12670
|
-
*/ _this._mobileExtend = null, /** @since 0.0.1 @private */ _this._interactiveResult = null, /** @since 0.0.1 @private */ _this._themeData = null, _this._fullscreen = null, _this.zoomUtil = null, /** 清除屏幕旋转 */ _this._cleanupOrientation = null, /** resizeObserver 监听销毁 */ _this._cleanUpResizeObserver = null, /** 容器的宽 */ _this._width = 0, /** 容器的高 */ _this._height = 0, /** 当前容器的全屏状态 true: 全屏, false: 非全屏 */ _this._isCurrentFullscreen = false, /** 屏幕旋转角度 0 | 90 | 180 | 270 */ _this._orientationAngle = 0, /** 是否播放中 @private */ _this._playing = false, /** 加载中 */ _this._loading = false, /** 音量 */ _this._volume = 0, /** 静音 */ _this._muted = false, /** 电子放大倍数 @private */ _this._zoom = 1, /** 放大中 true: 可缩放状态,false: 禁止缩放状态(不能缩放) @private */ _this._zooming = false, /** 录制中 @private */ _this._recording = false, /** 对讲中 @private */ _this._talking = false, /** 倍速 @private */ _this._speed = 1, /**
|
|
12687
|
+
*/ _this._mobileExtend = null, /** @since 0.0.1 @private */ _this._interactiveResult = null, /** @since 0.0.1 @private */ _this._themeData = null, _this._fullscreen = null, _this.zoomUtil = null, /** 清除屏幕旋转 */ _this._cleanupOrientation = null, /** resizeObserver 监听销毁 */ _this._cleanUpResizeObserver = null, /** 容器的宽 */ _this._width = 0, /** 容器的高 */ _this._height = 0, /** 当前容器的全屏状态 true: 全屏, false: 非全屏 */ _this._isCurrentFullscreen = false, /** 屏幕旋转角度 0 | 90 | 180 | 270 */ _this._orientationAngle = 0, /** 是否播放中 @private */ _this._playing = false, /** 加载中 */ _this._loading = false, /** 音量 */ _this._volume = 0, /** 静音 */ _this._muted = false, /** 电子放大倍数 @private */ _this._zoom = 1, /** 放大中 true: 可缩放状态,false: 禁止缩放状态(不能缩放) @private */ _this._zooming = false, /** 录制中 @private */ _this._recording = false, /** 对讲中 @private */ _this._talking = false, /** 倍速 @private */ _this._speed = 1, /** 自定清晰度 @private */ _this._videoLevelAuto = false, /** 清晰度列表 */ _this.videoLevelList = [], /** 回放片段列表 */ _this.recordList = [], /** 窗口尺寸变化时,设置窗口超出隐藏,防止出现滚动条 */ _this._resizeOverflowTimer = null, /** 清理 header/footer 动画 定时器 @private */ _this._onPauseTimingFunc = null, /** 销毁标识 @readonly */ _this.destroyed = false, /** 播放地址信息 */ _this.urlInfo = null;
|
|
12671
12688
|
_this._initOptions(options);
|
|
12672
12689
|
if (_this.options.type === 'ezopen') {
|
|
12673
12690
|
var _this_urlInfo_searchParams, _this_urlInfo;
|
|
@@ -13357,11 +13374,13 @@
|
|
|
13357
13374
|
* 禁用按钮
|
|
13358
13375
|
* @private
|
|
13359
13376
|
*/ _proto._disabled = function _disabled(disabled) {
|
|
13360
|
-
|
|
13361
|
-
|
|
13362
|
-
|
|
13363
|
-
|
|
13364
|
-
|
|
13377
|
+
var _this = this;
|
|
13378
|
+
if (disabled === void 0) disabled = true;
|
|
13379
|
+
PAUSE_DISABLED_BTN.forEach(function(btn) {
|
|
13380
|
+
if (_this.controls["" + btn + "Control"]) {
|
|
13381
|
+
_this.controls["" + btn + "Control"].disabled = disabled;
|
|
13382
|
+
}
|
|
13383
|
+
});
|
|
13365
13384
|
};
|
|
13366
13385
|
_proto._onDblClickFullscreen = function _onDblClickFullscreen() {
|
|
13367
13386
|
if (this.isCurrentFullscreen) {
|
|
@@ -13831,7 +13850,7 @@
|
|
|
13831
13850
|
zh: zh,
|
|
13832
13851
|
en: en
|
|
13833
13852
|
};
|
|
13834
|
-
/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '0.0.1-alpha.
|
|
13853
|
+
/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '0.0.1-alpha.5';
|
|
13835
13854
|
|
|
13836
13855
|
// 不要动这里的代码, 这个出口是为了编译成 umd 规范的文件
|
|
13837
13856
|
|
package/dist/style.js
CHANGED
package/dist/types/index.d.ts
CHANGED
|
@@ -1216,7 +1216,7 @@ declare class Theme extends EventEmitter {
|
|
|
1216
1216
|
readonly speedChange: "Control.speedChange";
|
|
1217
1217
|
readonly speedPanelOpenChange: "Control.speedPanelOpenChange";
|
|
1218
1218
|
readonly speedDestroy: "Control.speedDestroy";
|
|
1219
|
-
readonly ptzPanelOpenChange: "Control.ptzPanelOpenChange";
|
|
1219
|
+
readonly ptzPanelOpenChange: "Control.ptzPanelOpenChange"; /** 播放地址信息 */
|
|
1220
1220
|
readonly ptzSpeedChange: "Control.ptzSpeedChange";
|
|
1221
1221
|
readonly ptzError: "Control.ptzError";
|
|
1222
1222
|
readonly ptzDestroy: "Control.ptzDestroy";
|
|
@@ -1490,7 +1490,7 @@ declare class Theme extends EventEmitter {
|
|
|
1490
1490
|
DEVICE_NOT_SUPPORT_3D_ZOOM: string;
|
|
1491
1491
|
'3D_ZOOM_ACTIVED': string;
|
|
1492
1492
|
'3D_ZOOM_NOT_ACTIVED': string; /** 倍速 @private */
|
|
1493
|
-
'3D_ZOOM_CLOSED': string; /**
|
|
1493
|
+
'3D_ZOOM_CLOSED': string; /** 自定清晰度 @private */
|
|
1494
1494
|
CHANGE_ZOOM_TYPE: string;
|
|
1495
1495
|
FULLSCREEN: string;
|
|
1496
1496
|
FULLSCREEN_EXIT: string;
|
|
@@ -1643,7 +1643,7 @@ declare class Theme extends EventEmitter {
|
|
|
1643
1643
|
396505: string;
|
|
1644
1644
|
396506: string;
|
|
1645
1645
|
396508: string;
|
|
1646
|
-
/**
|
|
1646
|
+
/** 自定清晰度 @private */
|
|
1647
1647
|
396509: string;
|
|
1648
1648
|
396510: string;
|
|
1649
1649
|
396511: string;
|
|
@@ -1803,9 +1803,6 @@ declare class Theme extends EventEmitter {
|
|
|
1803
1803
|
CHANGE_ZOOM_TYPE: string;
|
|
1804
1804
|
FULLSCREEN: string;
|
|
1805
1805
|
FULLSCREEN_EXIT: string;
|
|
1806
|
-
/**
|
|
1807
|
-
* 倍速
|
|
1808
|
-
*/
|
|
1809
1806
|
GET_WEB_FULLSCREEN_STATUS: string;
|
|
1810
1807
|
WEB_FULLSCREEN: string;
|
|
1811
1808
|
WEB_FULLSCREEN_EXIT: string;
|
|
@@ -1940,7 +1937,7 @@ declare class Theme extends EventEmitter {
|
|
|
1940
1937
|
_talking: boolean;
|
|
1941
1938
|
/** 倍速 @private */
|
|
1942
1939
|
_speed: number;
|
|
1943
|
-
/**
|
|
1940
|
+
/** 自定清晰度 @private */
|
|
1944
1941
|
_videoLevelAuto: boolean;
|
|
1945
1942
|
/** 清晰度列表 */
|
|
1946
1943
|
videoLevelList: DefinitionItem[];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ezuikit/player-theme",
|
|
3
|
-
"version": "0.0.1-alpha.
|
|
3
|
+
"version": "0.0.1-alpha.5",
|
|
4
4
|
"description": "player theme",
|
|
5
5
|
"title": "theme",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -40,9 +40,5 @@
|
|
|
40
40
|
"@ezuikit/control-ptz": "workspace:*",
|
|
41
41
|
"@ezuikit/control-zoom": "workspace:*",
|
|
42
42
|
"@ezuikit/control-time-line": "workspace:*"
|
|
43
|
-
},
|
|
44
|
-
"publishConfig": {
|
|
45
|
-
"registry": "https://registry.npmjs.org/",
|
|
46
|
-
"access": "public"
|
|
47
43
|
}
|
|
48
44
|
}
|