@ezuikit/player-theme 3.1.5-beta.3 → 3.1.5-beta.4
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/constant.js +56 -56
- package/dist/index.cjs +668 -659
- package/dist/index.esm.js +668 -659
- package/dist/index.umd.js +676 -667
- package/dist/style.js +2 -2
- package/package.json +65 -65
package/dist/constant.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* @ezuikit/player-theme v3.1.5-beta.
|
|
3
|
-
* Copyright (c) 2026-09-
|
|
2
|
+
* @ezuikit/player-theme v3.1.5-beta.4
|
|
3
|
+
* Copyright (c) 2026-09-15 13:35:29 Ezviz-OpenBiz
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
6
|
-
/**
|
|
7
|
-
* 播放器的类名前缀
|
|
6
|
+
/**
|
|
7
|
+
* 播放器的类名前缀
|
|
8
8
|
*/ var PREFIX_CLASS = 'ezplayer';
|
|
9
9
|
/** */ var DATE_PICKER_ICON_WIDTH = 36;
|
|
10
10
|
/** 填充模式 */ var THEME_SCALE_MODE_TYPE = {
|
|
@@ -37,26 +37,26 @@ var THEME_PROPS = [
|
|
|
37
37
|
// 播放区间(片段分享)。通过 props 下发而不是靠事件,避免主题异步渲染时错过初始化事件
|
|
38
38
|
'playbackRange'
|
|
39
39
|
];
|
|
40
|
-
/**
|
|
41
|
-
* 当移动端 picker 控件打开时需要关闭动画(定时器)
|
|
40
|
+
/**
|
|
41
|
+
* 当移动端 picker 控件打开时需要关闭动画(定时器)
|
|
42
42
|
*/ var CLEAR_TIMER_HEADER_FOOTER_ANIMATION = 'CLEAR_TIMER_HEADER_FOOTER_ANIMATION';
|
|
43
|
-
/**
|
|
44
|
-
* 'rec', 'cloudRec', 'cloudRecord' 是一个组,并且要在头部(移动端特殊处理)
|
|
45
|
-
*
|
|
46
|
-
* | rec | cloudRec | cloudRecord |
|
|
47
|
-
* |:---------------------:|:------------:|:---------------:|
|
|
48
|
-
* | 本地回放(SDK存储回放) | 云存储回放 | 云录制回放 |
|
|
43
|
+
/**
|
|
44
|
+
* 'rec', 'cloudRec', 'cloudRecord' 是一个组,并且要在头部(移动端特殊处理)
|
|
45
|
+
*
|
|
46
|
+
* | rec | cloudRec | cloudRecord |
|
|
47
|
+
* |:---------------------:|:------------:|:---------------:|
|
|
48
|
+
* | 本地回放(SDK存储回放) | 云存储回放 | 云录制回放 |
|
|
49
49
|
*/ var REC_GROUP = [
|
|
50
50
|
'rec',
|
|
51
51
|
'cloudRec',
|
|
52
52
|
'cloudRecord'
|
|
53
53
|
];
|
|
54
|
-
/**
|
|
55
|
-
* 设备信息
|
|
56
|
-
*
|
|
57
|
-
* | deviceID | deviceName |
|
|
58
|
-
* |:-------------------:|:-------------:|
|
|
59
|
-
* | 设备ID(唯一标识) | 设备名称 |
|
|
54
|
+
/**
|
|
55
|
+
* 设备信息
|
|
56
|
+
*
|
|
57
|
+
* | deviceID | deviceName |
|
|
58
|
+
* |:-------------------:|:-------------:|
|
|
59
|
+
* | 设备ID(唯一标识) | 设备名称 |
|
|
60
60
|
*/ var DEVICE_INFO_GROUP = [
|
|
61
61
|
'deviceID',
|
|
62
62
|
'deviceName'
|
|
@@ -69,8 +69,8 @@ var THEME_PROPS = [
|
|
|
69
69
|
// * 录像(录像)支持的控件
|
|
70
70
|
// */
|
|
71
71
|
// export const REC_CONTROL_GROUP_BOTTOM: string[] = [...REC_GROUP, 'play', 'capturePicture', 'volume', 'record', 'zoom', 'speed', 'fullscreen', 'globalFullscreen', 'date', 'timeLine'] as const;
|
|
72
|
-
/**
|
|
73
|
-
* 能在底部并放置到 More 中的控件
|
|
72
|
+
/**
|
|
73
|
+
* 能在底部并放置到 More 中的控件
|
|
74
74
|
*/ var FOOTER_MORE_GROUP = [
|
|
75
75
|
'play',
|
|
76
76
|
'capturePicture',
|
|
@@ -84,8 +84,8 @@ var THEME_PROPS = [
|
|
|
84
84
|
'fullscreen',
|
|
85
85
|
'globalFullscreen'
|
|
86
86
|
];
|
|
87
|
-
/**
|
|
88
|
-
* 暂停时能禁用的控件按钮
|
|
87
|
+
/**
|
|
88
|
+
* 暂停时能禁用的控件按钮
|
|
89
89
|
*/ var PAUSE_DISABLED_BTN = [
|
|
90
90
|
'capturePicture',
|
|
91
91
|
'volume',
|
|
@@ -96,9 +96,9 @@ var THEME_PROPS = [
|
|
|
96
96
|
'speed',
|
|
97
97
|
'globalFullscreen'
|
|
98
98
|
];
|
|
99
|
-
/**
|
|
100
|
-
* 移动端可以扩展的控件
|
|
101
|
-
* ['ptz', 'talk', 'record', 'capturePicture', 'timeLine', 'rec', 'date'];
|
|
99
|
+
/**
|
|
100
|
+
* 移动端可以扩展的控件
|
|
101
|
+
* ['ptz', 'talk', 'record', 'capturePicture', 'timeLine', 'rec', 'date'];
|
|
102
102
|
*/ var MOBILE_EXTENDS = [
|
|
103
103
|
'ptz',
|
|
104
104
|
'timeLine',
|
|
@@ -106,32 +106,32 @@ var THEME_PROPS = [
|
|
|
106
106
|
'date',
|
|
107
107
|
'segmentProgress'
|
|
108
108
|
];
|
|
109
|
-
/**
|
|
110
|
-
* 回放时间轴和日历
|
|
111
|
-
* 放置在最顶部
|
|
109
|
+
/**
|
|
110
|
+
* 回放时间轴和日历
|
|
111
|
+
* 放置在最顶部
|
|
112
112
|
*/ var REC_BOTTOM_GROUP = [
|
|
113
113
|
'timeLine',
|
|
114
114
|
'date'
|
|
115
115
|
];
|
|
116
|
-
/**
|
|
117
|
-
*
|
|
118
|
-
* 事件名
|
|
119
|
-
*
|
|
120
|
-
* --------------- ------------------
|
|
121
|
-
* - - theme.emit(EVENTS.xxxxx) - -
|
|
122
|
-
* - - -------------------------------------> - -
|
|
123
|
-
* - - - -
|
|
124
|
-
* - Theme - - Controls -
|
|
125
|
-
* - - control.emit(EVENTS.control.xxx) - -
|
|
126
|
-
* - - <-------------------------------------- - -
|
|
127
|
-
* --------------- ------------------
|
|
128
|
-
*
|
|
129
|
-
* @example
|
|
130
|
-
* ```ts
|
|
131
|
-
* theme.on(EVENTS.loading)
|
|
132
|
-
* theme.on(EVENTS.loading)
|
|
133
|
-
* ```
|
|
134
|
-
*
|
|
116
|
+
/**
|
|
117
|
+
*
|
|
118
|
+
* 事件名
|
|
119
|
+
*
|
|
120
|
+
* --------------- ------------------
|
|
121
|
+
* - - theme.emit(EVENTS.xxxxx) - -
|
|
122
|
+
* - - -------------------------------------> - -
|
|
123
|
+
* - - - -
|
|
124
|
+
* - Theme - - Controls -
|
|
125
|
+
* - - control.emit(EVENTS.control.xxx) - -
|
|
126
|
+
* - - <-------------------------------------- - -
|
|
127
|
+
* --------------- ------------------
|
|
128
|
+
*
|
|
129
|
+
* @example
|
|
130
|
+
* ```ts
|
|
131
|
+
* theme.on(EVENTS.loading)
|
|
132
|
+
* theme.on(EVENTS.loading)
|
|
133
|
+
* ```
|
|
134
|
+
*
|
|
135
135
|
*/ // 事件命名不要超过两层
|
|
136
136
|
var EVENTS = {
|
|
137
137
|
loading: 'loading',
|
|
@@ -146,11 +146,11 @@ var EVENTS = {
|
|
|
146
146
|
/** 首帧 */ firstFrameDisplay: 'firstFrameDisplay',
|
|
147
147
|
/** 全屏 */ fullscreen: 'fullscreen',
|
|
148
148
|
/** 退出全屏 */ exitFullscreen: 'exitFullscreen',
|
|
149
|
-
/**
|
|
150
|
-
* 全屏变化(移动端也支持触发, 不过移动端是模拟的web全屏 即旋转 180度)
|
|
151
|
-
* 当 isCurrentFullscreen 为 true 时,表示当前容器全局全屏状态
|
|
152
|
-
*
|
|
153
|
-
* 注意:同一个页面中只要有全屏的操作或取消全屏的操作,都会触发该事件 (移动端除外)
|
|
149
|
+
/**
|
|
150
|
+
* 全屏变化(移动端也支持触发, 不过移动端是模拟的web全屏 即旋转 180度)
|
|
151
|
+
* 当 isCurrentFullscreen 为 true 时,表示当前容器全局全屏状态
|
|
152
|
+
*
|
|
153
|
+
* 注意:同一个页面中只要有全屏的操作或取消全屏的操作,都会触发该事件 (移动端除外)
|
|
154
154
|
*/ fullscreenChange: 'fullscreenChange',
|
|
155
155
|
/** 重置容器尺寸 */ resize: 'resize',
|
|
156
156
|
/** 屏幕旋转方向变化 */ orientationChange: 'orientationChange',
|
|
@@ -177,8 +177,8 @@ var EVENTS = {
|
|
|
177
177
|
setAllDayRecTimes: 'setAllDayRecTimes',
|
|
178
178
|
getOSDTime: 'getOSDTime',
|
|
179
179
|
/** 播放区间播放结束(SDK 层 playbackRange 特性) */ playbackEnd: 'playbackEnd',
|
|
180
|
-
/**
|
|
181
|
-
* 控件相关
|
|
180
|
+
/**
|
|
181
|
+
* 控件相关
|
|
182
182
|
*/ control: {
|
|
183
183
|
/** 点击播放播放/暂停按钮 */ play: 'Control.play',
|
|
184
184
|
/** 播放控件销毁 */ playDestroy: 'Control.playDestroy',
|
|
@@ -249,8 +249,8 @@ var EVENTS = {
|
|
|
249
249
|
/** 播放器内容区域销毁 */ contentDestroy: 'Control.contentDestroy',
|
|
250
250
|
/** 播放器内容区域重新渲染 */ contentRerender: 'Control.contentRerender'
|
|
251
251
|
},
|
|
252
|
-
/**
|
|
253
|
-
* 主题控件相关
|
|
252
|
+
/**
|
|
253
|
+
* 主题控件相关
|
|
254
254
|
*/ theme: {
|
|
255
255
|
/** 销毁前 */ beforeDestroy: 'Theme.beforeDestroy',
|
|
256
256
|
/** 销毁后 */ destroyed: 'Theme.destroyed',
|