@ezuikit/player-theme 2.1.0-beta.4 → 2.1.0-beta.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/README.md +40 -1
- package/dist/constant.js +2 -2
- package/dist/index.js +6 -9
- package/dist/index.mjs +6 -9
- package/dist/index.umd.js +6 -9
- package/dist/style.js +2 -2
- package/dist/types/index.d.ts +5 -31
- package/package.json +17 -1
package/README.md
CHANGED
|
@@ -1 +1,40 @@
|
|
|
1
|
-
|
|
1
|
+
## 简介
|
|
2
|
+
|
|
3
|
+
萤石播放器主题
|
|
4
|
+
|
|
5
|
+
## 快速入门
|
|
6
|
+
|
|
7
|
+
```ts
|
|
8
|
+
import Theme from '@ezuikit/player-theme';
|
|
9
|
+
// 引入样式
|
|
10
|
+
import '@ezuikit/player-theme/dist/style.css';
|
|
11
|
+
|
|
12
|
+
// 使用
|
|
13
|
+
const theme = new Theme({
|
|
14
|
+
// ...
|
|
15
|
+
});
|
|
16
|
+
|
|
17
|
+
// 播放器接入主题
|
|
18
|
+
class Player extends Theme {
|
|
19
|
+
constructor(options) {
|
|
20
|
+
super(options);
|
|
21
|
+
// ...
|
|
22
|
+
}
|
|
23
|
+
// ...
|
|
24
|
+
}
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
## 样式变量
|
|
28
|
+
|
|
29
|
+
```scss
|
|
30
|
+
--ezplayer-default-color: #fff;
|
|
31
|
+
--ezplayer-primary-color: #407aff;
|
|
32
|
+
--ezplayer-active-color: var(--ezplayer-primary-color, #407aff);
|
|
33
|
+
--ezplayer-disabled-color: #aaa;
|
|
34
|
+
--ezplayer-font-size: 14px;
|
|
35
|
+
--ezplayer-icon-font-size: 24px;
|
|
36
|
+
--ezplayer-btn-height: var(--ezplayer-icon-font-size, 24px);
|
|
37
|
+
--ezplayer-border-radius: 8px;
|
|
38
|
+
// 移动端暂时不生效
|
|
39
|
+
--ezplayer-picker-panel-bg-color: rgba(0, 0, 0, 0.7);
|
|
40
|
+
```
|
package/dist/constant.js
CHANGED
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* @ezuikit/player-theme v2.1.0-beta.
|
|
3
|
-
* Copyright (c)
|
|
2
|
+
* @ezuikit/player-theme v2.1.0-beta.5
|
|
3
|
+
* Copyright (c) 2026-01-03 Ezviz-OpenBiz
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
6
6
|
'use strict';
|
|
@@ -4392,12 +4392,6 @@ function debounce(func, wait) {
|
|
|
4392
4392
|
theme.emit(EVENTS.control.recDestroy);
|
|
4393
4393
|
});
|
|
4394
4394
|
}
|
|
4395
|
-
// content
|
|
4396
|
-
if (theme.contentControl) {
|
|
4397
|
-
theme.contentControl.on(EVENTS.control.contentRerender, function(info) {
|
|
4398
|
-
theme.emit(EVENTS.control.contentRerender, info);
|
|
4399
|
-
});
|
|
4400
|
-
}
|
|
4401
4395
|
}
|
|
4402
4396
|
var ignoreList = [
|
|
4403
4397
|
EVENTS.getOSDTime,
|
|
@@ -10195,6 +10189,9 @@ var THEME_DEFAULT_OPTIONS = {
|
|
|
10195
10189
|
},
|
|
10196
10190
|
scaleMode: _this.scaleMode
|
|
10197
10191
|
});
|
|
10192
|
+
_this.contentControl.on(EVENTS.control.contentRerender, function(info) {
|
|
10193
|
+
_this.emit(EVENTS.control.contentRerender, info);
|
|
10194
|
+
});
|
|
10198
10195
|
// zoom utils
|
|
10199
10196
|
__zoom(_this, _this.contentControl.$content, _extends({}, _this.options.zoomOptions || {}, {
|
|
10200
10197
|
onTap: function() {
|
|
@@ -11391,7 +11388,7 @@ var THEME_DEFAULT_OPTIONS = {
|
|
|
11391
11388
|
zh: zh,
|
|
11392
11389
|
en: en
|
|
11393
11390
|
};
|
|
11394
|
-
/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '2.1.0-beta.
|
|
11391
|
+
/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '2.1.0-beta.5';
|
|
11395
11392
|
|
|
11396
11393
|
exports.Control = Control;
|
|
11397
11394
|
exports.EVENTS = EVENTS;
|
package/dist/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* @ezuikit/player-theme v2.1.0-beta.
|
|
3
|
-
* Copyright (c)
|
|
2
|
+
* @ezuikit/player-theme v2.1.0-beta.5
|
|
3
|
+
* Copyright (c) 2026-01-03 Ezviz-OpenBiz
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
6
6
|
import EventEmitter from 'eventemitter3';
|
|
@@ -4390,12 +4390,6 @@ function debounce(func, wait) {
|
|
|
4390
4390
|
theme.emit(EVENTS.control.recDestroy);
|
|
4391
4391
|
});
|
|
4392
4392
|
}
|
|
4393
|
-
// content
|
|
4394
|
-
if (theme.contentControl) {
|
|
4395
|
-
theme.contentControl.on(EVENTS.control.contentRerender, function(info) {
|
|
4396
|
-
theme.emit(EVENTS.control.contentRerender, info);
|
|
4397
|
-
});
|
|
4398
|
-
}
|
|
4399
4393
|
}
|
|
4400
4394
|
var ignoreList = [
|
|
4401
4395
|
EVENTS.getOSDTime,
|
|
@@ -10193,6 +10187,9 @@ var THEME_DEFAULT_OPTIONS = {
|
|
|
10193
10187
|
},
|
|
10194
10188
|
scaleMode: _this.scaleMode
|
|
10195
10189
|
});
|
|
10190
|
+
_this.contentControl.on(EVENTS.control.contentRerender, function(info) {
|
|
10191
|
+
_this.emit(EVENTS.control.contentRerender, info);
|
|
10192
|
+
});
|
|
10196
10193
|
// zoom utils
|
|
10197
10194
|
__zoom(_this, _this.contentControl.$content, _extends({}, _this.options.zoomOptions || {}, {
|
|
10198
10195
|
onTap: function() {
|
|
@@ -11389,6 +11386,6 @@ var THEME_DEFAULT_OPTIONS = {
|
|
|
11389
11386
|
zh: zh,
|
|
11390
11387
|
en: en
|
|
11391
11388
|
};
|
|
11392
|
-
/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '2.1.0-beta.
|
|
11389
|
+
/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '2.1.0-beta.5';
|
|
11393
11390
|
|
|
11394
11391
|
export { Control, EVENTS, Fullscreen, Loading, Message, Play, Poster, Rec, Theme, Utils, Volume };
|
package/dist/index.umd.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* @ezuikit/player-theme v2.1.0-beta.
|
|
3
|
-
* Copyright (c)
|
|
2
|
+
* @ezuikit/player-theme v2.1.0-beta.5
|
|
3
|
+
* Copyright (c) 2026-01-03 Ezviz-OpenBiz
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
6
6
|
(function (global, factory) {
|
|
@@ -6020,12 +6020,6 @@
|
|
|
6020
6020
|
theme.emit(EVENTS.control.recDestroy);
|
|
6021
6021
|
});
|
|
6022
6022
|
}
|
|
6023
|
-
// content
|
|
6024
|
-
if (theme.contentControl) {
|
|
6025
|
-
theme.contentControl.on(EVENTS.control.contentRerender, function(info) {
|
|
6026
|
-
theme.emit(EVENTS.control.contentRerender, info);
|
|
6027
|
-
});
|
|
6028
|
-
}
|
|
6029
6023
|
}
|
|
6030
6024
|
var ignoreList = [
|
|
6031
6025
|
EVENTS.getOSDTime,
|
|
@@ -12311,6 +12305,9 @@
|
|
|
12311
12305
|
},
|
|
12312
12306
|
scaleMode: _this.scaleMode
|
|
12313
12307
|
});
|
|
12308
|
+
_this.contentControl.on(EVENTS.control.contentRerender, function(info) {
|
|
12309
|
+
_this.emit(EVENTS.control.contentRerender, info);
|
|
12310
|
+
});
|
|
12314
12311
|
// zoom utils
|
|
12315
12312
|
__zoom(_this, _this.contentControl.$content, _extends({}, _this.options.zoomOptions || {}, {
|
|
12316
12313
|
onTap: function() {
|
|
@@ -13507,7 +13504,7 @@
|
|
|
13507
13504
|
zh: zh,
|
|
13508
13505
|
en: en
|
|
13509
13506
|
};
|
|
13510
|
-
/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '2.1.0-beta.
|
|
13507
|
+
/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '2.1.0-beta.5';
|
|
13511
13508
|
|
|
13512
13509
|
// 不要动这里的代码, 这个出口是为了编译成 umd 规范的文件
|
|
13513
13510
|
|
package/dist/style.js
CHANGED
package/dist/types/index.d.ts
CHANGED
|
@@ -1897,13 +1897,7 @@ declare class Theme extends EventEmitter {
|
|
|
1897
1897
|
3860020: string;
|
|
1898
1898
|
BTN_RETRY: string;
|
|
1899
1899
|
BTN_RELOAD: string;
|
|
1900
|
-
LOADING: string;
|
|
1901
|
-
* 播放状态
|
|
1902
|
-
* ```ts
|
|
1903
|
-
* // 事件监听
|
|
1904
|
-
* theme.on(Theme.EVENTS.play, (playing: boolean) => {})
|
|
1905
|
-
* ```
|
|
1906
|
-
*/
|
|
1900
|
+
LOADING: string;
|
|
1907
1901
|
TIMEFORMAT_ERROR: string;
|
|
1908
1902
|
USE_MULTITHREADING_WARING: string;
|
|
1909
1903
|
OPEN_INSTRUCTIONS: string;
|
|
@@ -1983,16 +1977,7 @@ declare class Theme extends EventEmitter {
|
|
|
1983
1977
|
START_RECORD_FAILED: string;
|
|
1984
1978
|
STOP_RECORD_SUCCESS: string;
|
|
1985
1979
|
STOP_RECORD_FAILED: string;
|
|
1986
|
-
RECORD_TIPS: string;
|
|
1987
|
-
* 电子放大倍数, 仅 ezopen 支持
|
|
1988
|
-
* @since 0.0.1
|
|
1989
|
-
* @example
|
|
1990
|
-
* ```ts
|
|
1991
|
-
* theme.zoom // 放大倍数
|
|
1992
|
-
* // 事件监听
|
|
1993
|
-
* theme.on(Theme.EVENTS.zoom, (zoom: number) => {})
|
|
1994
|
-
* ```
|
|
1995
|
-
*/
|
|
1980
|
+
RECORD_TIPS: string;
|
|
1996
1981
|
RECORDS: string;
|
|
1997
1982
|
OPEN_SOUND: string;
|
|
1998
1983
|
CLOSE_SOUND: string;
|
|
@@ -2031,19 +2016,6 @@ declare class Theme extends EventEmitter {
|
|
|
2031
2016
|
MOBILE_PTZ_TIPS: string;
|
|
2032
2017
|
PTZ_FAST: string;
|
|
2033
2018
|
PTZ_MID: string;
|
|
2034
|
-
/**
|
|
2035
|
-
* 对讲增益(音量), 仅 ezopen 支持
|
|
2036
|
-
*
|
|
2037
|
-
* {@link https://mdn.org.cn/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API}
|
|
2038
|
-
*
|
|
2039
|
-
* @since 0.0.1
|
|
2040
|
-
* @example
|
|
2041
|
-
* ```ts
|
|
2042
|
-
* theme.talkGain // 对讲音量
|
|
2043
|
-
* // 事件监听 event
|
|
2044
|
-
* theme.on(Theme.EVENTS.talk, (gain: number) => {})
|
|
2045
|
-
* ```
|
|
2046
|
-
*/
|
|
2047
2019
|
PTZ_SLOW: string;
|
|
2048
2020
|
PTZ_SPEED: string;
|
|
2049
2021
|
DEVICE_ZOOM: string;
|
|
@@ -2055,7 +2027,9 @@ declare class Theme extends EventEmitter {
|
|
|
2055
2027
|
CHANGE_FEC_TYPE: string;
|
|
2056
2028
|
DEVICE_NOT_SUPPORT: string;
|
|
2057
2029
|
TYPE_NOT_SUPPORT: string;
|
|
2058
|
-
FEC_SUPPORT_VERSION: string;
|
|
2030
|
+
FEC_SUPPORT_VERSION: string; /**
|
|
2031
|
+
* 云台开启中
|
|
2032
|
+
*/
|
|
2059
2033
|
NO_CANVAS_ID: string;
|
|
2060
2034
|
SET_FEC_PARAMS: string;
|
|
2061
2035
|
GET_FEC_PARAMS: string;
|
package/package.json
CHANGED
|
@@ -1,10 +1,17 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ezuikit/player-theme",
|
|
3
|
-
"version": "2.1.0-beta.
|
|
3
|
+
"version": "2.1.0-beta.5",
|
|
4
4
|
"description": "player theme",
|
|
5
5
|
"title": "theme",
|
|
6
6
|
"main": "dist/index.js",
|
|
7
7
|
"types": "dist/types/index.d.ts",
|
|
8
|
+
"scripts": {
|
|
9
|
+
"dev": "cross-env NODE_ENV=development rollup --config rollup.config.mjs --watch",
|
|
10
|
+
"build": "npm run clean && cross-env NODE_ENV=production rollup --config rollup.config.mjs",
|
|
11
|
+
"clean": "rimraf docs dist coverage",
|
|
12
|
+
"types": "tsc src/index.ts --emitDeclarationOnly --declaration --declarationDir dist/types --esModuleInterop",
|
|
13
|
+
"docs": "typedoc --tsconfig typedoc.config.js"
|
|
14
|
+
},
|
|
8
15
|
"files": [
|
|
9
16
|
"dist"
|
|
10
17
|
],
|
|
@@ -30,6 +37,15 @@
|
|
|
30
37
|
"eventemitter3": "^5.0.1",
|
|
31
38
|
"screenfull": "5.2.0"
|
|
32
39
|
},
|
|
40
|
+
"devDependencies": {
|
|
41
|
+
"@common/rollup": "workspace:*",
|
|
42
|
+
"@ezuikit/control-ptz": "workspace:*",
|
|
43
|
+
"@ezuikit/control-zoom": "workspace:*"
|
|
44
|
+
},
|
|
45
|
+
"publishConfig": {
|
|
46
|
+
"access": "public",
|
|
47
|
+
"registry": "https://registry.npmjs.org/"
|
|
48
|
+
},
|
|
33
49
|
"repository": {
|
|
34
50
|
"type": "git",
|
|
35
51
|
"url": "git+https://github.com/Ezviz-OpenBiz/EZUIKit-player-theme.git"
|