@ezuikit/player-theme 3.0.0-beta.5 → 3.0.1-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 +11 -2
- package/dist/index.cjs +696 -225
- package/dist/index.esm.js +696 -225
- package/dist/index.umd.js +697 -226
- package/dist/style.css +3 -0
- package/dist/style.js +2 -2
- package/dist/types/index.d.ts +72 -30
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -27,6 +27,9 @@ body.ezplayer-body-mobile-noscroll{background-color:#000!important;height:100vh;
|
|
|
27
27
|
.ezplayer-icon-talk-growth-dot1,.ezplayer-icon-talk-growth-dot2,.ezplayer-icon-talk-growth-dot3,.ezplayer-icon-talk-growth-dot4{color:var(--ezplayer-default-color,#fff)}.ezplayer-control-talk.ezplayer-active.ezplayer-talk-gain-deafening .ezplayer-icon-talk-growth-dot1,.ezplayer-control-talk.ezplayer-active.ezplayer-talk-gain-deafening .ezplayer-icon-talk-growth-dot2,.ezplayer-control-talk.ezplayer-active.ezplayer-talk-gain-deafening .ezplayer-icon-talk-growth-dot3,.ezplayer-control-talk.ezplayer-active.ezplayer-talk-gain-deafening .ezplayer-icon-talk-growth-dot4,.ezplayer-control-talk.ezplayer-active.ezplayer-talk-gain-high .ezplayer-icon-talk-growth-dot2,.ezplayer-control-talk.ezplayer-active.ezplayer-talk-gain-high .ezplayer-icon-talk-growth-dot3,.ezplayer-control-talk.ezplayer-active.ezplayer-talk-gain-high .ezplayer-icon-talk-growth-dot4,.ezplayer-control-talk.ezplayer-active.ezplayer-talk-gain-low .ezplayer-icon-talk-growth-dot4,.ezplayer-control-talk.ezplayer-active.ezplayer-talk-gain-normal .ezplayer-icon-talk-growth-dot3,.ezplayer-control-talk.ezplayer-active.ezplayer-talk-gain-normal .ezplayer-icon-talk-growth-dot4{color:var(--ezplayer-active-color,#407aff)}
|
|
28
28
|
.ezplayer-control-broadcast.ezplayer-active .ezplayer-icon-record-circle{color:var(--ezplayer-active-color,#407aff)}
|
|
29
29
|
.ezplayer-control-aichat.ezplayer-active .ezplayer-icon-aichat{color:var(--ezplayer-active-color,#407aff)}
|
|
30
|
+
.ezplayer-control-live .ezplayer-live-btn{cursor:pointer;font-size:14px;line-height:20px;padding:2px 6px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.ezplayer-control-live.ezplayer-active .ezplayer-live-btn{color:var(--ezplayer-active-color,#407aff)}
|
|
31
|
+
.ezplayer-control-rec-dropdown .ezplayer-rec-dropdown-btn{cursor:pointer;font-size:14px;line-height:20px;padding:2px 6px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.ezplayer-control-rec-dropdown.ezplayer-active .ezplayer-rec-dropdown-btn{color:var(--ezplayer-active-color,#407aff)}.ezplayer-rec-dropdown-picker .ezplayer-rec-dropdown-panel{background-color:var(--ezplayer-panel-bg-color,rgba(0,0,0,.7));border-radius:var(--ezplayer-border-radius,8px);color:var(--ezplayer-default-color,#fff);padding:8px 0}.ezplayer-rec-dropdown-picker .ezplayer-rec-dropdown-list{list-style:none;margin:0;padding:0}.ezplayer-rec-dropdown-picker .ezplayer-rec-dropdown-item{cursor:pointer;font-size:14px;line-height:20px;padding:6px 20px;transition:color .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.ezplayer-rec-dropdown-picker .ezplayer-rec-dropdown-item.ezplayer-active,.ezplayer-rec-dropdown-picker .ezplayer-rec-dropdown-item:hover{color:var(--ezplayer-active-color,#407aff)}
|
|
32
|
+
.ezplayer-control-alarm-message .ezplayer-alarm-message-btn{cursor:pointer;font-size:14px;line-height:20px;padding:2px 6px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.ezplayer-mobile-extend .ezplayer-control-alarm-message{align-items:center;background-color:#f4f6fc;border:1px solid #ededed;border-radius:50%;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:18px;height:30px;justify-content:center;margin-left:8px;width:30px}
|
|
30
33
|
.ezplayer-record-timer{align-items:center;background-color:#ff4c5c;border-radius:24px;color:#fff;display:inline-flex;flex-direction:row;left:50%;padding:2px 6px;position:absolute;top:60px;transform:translateX(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:3}.ezplayer-record-timer .ezplayer-icon-record-circle{font-size:14px}.ezplayer-record-timer-time{font-weight:400;letter-spacing:1px;line-height:20px;margin-left:2px}
|
|
31
34
|
.ezplayer-select-definition .ezplayer-select-panel{width:100px}.ezplayer-control-definition .ezplayer-select-btn{width:75px}
|
|
32
35
|
|
package/dist/style.js
CHANGED
package/dist/types/index.d.ts
CHANGED
|
@@ -91,6 +91,12 @@ declare const EVENTS: {
|
|
|
91
91
|
readonly broadcastChange: "broadcastChange";
|
|
92
92
|
/** AI对话框状态变化 */
|
|
93
93
|
readonly aichatChange: "aichatChange";
|
|
94
|
+
/** 直播模式切换 */
|
|
95
|
+
readonly liveChange: "liveChange";
|
|
96
|
+
/** 回放下拉选择变化 */
|
|
97
|
+
readonly recDropdownChange: "recDropdownChange";
|
|
98
|
+
/** 告警消息面板状态变化 */
|
|
99
|
+
readonly alarmMessageChange: "alarmMessageChange";
|
|
94
100
|
/** 动态切换日志配置 */
|
|
95
101
|
readonly setLoggerOptions: "setLoggerOptions";
|
|
96
102
|
readonly records: "records";
|
|
@@ -173,6 +179,18 @@ declare const EVENTS: {
|
|
|
173
179
|
readonly aichatChange: "Control.aichatChange";
|
|
174
180
|
/** AI对话框控件销毁 */
|
|
175
181
|
readonly aichatDestroy: "Control.aichatDestroy";
|
|
182
|
+
/** 直播按钮点击 */
|
|
183
|
+
readonly liveChange: "Control.liveChange";
|
|
184
|
+
/** 直播控件销毁 */
|
|
185
|
+
readonly liveDestroy: "Control.liveDestroy";
|
|
186
|
+
/** 回放下拉选择变化 */
|
|
187
|
+
readonly recDropdownChange: "Control.recDropdownChange";
|
|
188
|
+
/** 回放下拉控件销毁 */
|
|
189
|
+
readonly recDropdownDestroy: "Control.recDropdownDestroy";
|
|
190
|
+
/** 告警消息面板开关 */
|
|
191
|
+
readonly alarmMessageChange: "Control.alarmMessageChange";
|
|
192
|
+
/** 告警消息面板销毁 */
|
|
193
|
+
readonly alarmMessageDestroy: "Control.alarmMessageDestroy";
|
|
176
194
|
/** 缩放比例改变 */
|
|
177
195
|
readonly zoomChange: "Control.zoomChange";
|
|
178
196
|
/** 音量调节面板 展示隐藏变换 */
|
|
@@ -950,6 +968,12 @@ type ControlType =
|
|
|
950
968
|
| 'broadcast'
|
|
951
969
|
/** AI对话 */
|
|
952
970
|
| 'aiChat'
|
|
971
|
+
/** 直播按钮 */
|
|
972
|
+
| 'live'
|
|
973
|
+
/** 回放下拉 */
|
|
974
|
+
| 'recDropdown'
|
|
975
|
+
/** 告警消息 */
|
|
976
|
+
| 'alarmMessage'
|
|
953
977
|
/** 电子放大 */
|
|
954
978
|
| 'zoom'
|
|
955
979
|
/** 清晰度, 兼容 hd */
|
|
@@ -1442,6 +1466,9 @@ declare class Theme extends EventEmitter {
|
|
|
1442
1466
|
readonly talkVolumeChange: "talkVolumeChange";
|
|
1443
1467
|
readonly broadcastChange: "broadcastChange";
|
|
1444
1468
|
readonly aichatChange: "aichatChange";
|
|
1469
|
+
readonly liveChange: "liveChange";
|
|
1470
|
+
readonly recDropdownChange: "recDropdownChange";
|
|
1471
|
+
readonly alarmMessageChange: "alarmMessageChange";
|
|
1445
1472
|
readonly setLoggerOptions: "setLoggerOptions";
|
|
1446
1473
|
readonly records: "records";
|
|
1447
1474
|
readonly ptzSpeedChange: "ptzSpeedChange";
|
|
@@ -1458,7 +1485,6 @@ declare class Theme extends EventEmitter {
|
|
|
1458
1485
|
readonly capturePictureDestroy: "Control.capturePictureDestroy";
|
|
1459
1486
|
readonly volumechange: "Control.volumechange";
|
|
1460
1487
|
readonly volumePanelOpenChange: "Control.volumePanelOpenChange";
|
|
1461
|
-
/** resizeObserver 监听销毁 */
|
|
1462
1488
|
readonly volumeDestroy: "Control.volumeDestroy";
|
|
1463
1489
|
readonly controlsBarOpenChange: "Control.controlsBarOpenChange";
|
|
1464
1490
|
readonly headerMoreShowControlsChange: "Control.headerMoreShowControlsChange";
|
|
@@ -1468,14 +1494,11 @@ declare class Theme extends EventEmitter {
|
|
|
1468
1494
|
readonly deviceDestroy: "Control.deviceDestroy";
|
|
1469
1495
|
readonly recTypeChange: "Control.recTypeChange";
|
|
1470
1496
|
readonly recDestroy: "Control.recDestroy";
|
|
1471
|
-
readonly definitionChange: "Control.definitionChange";
|
|
1497
|
+
readonly definitionChange: "Control.definitionChange";
|
|
1472
1498
|
readonly definitionList: "Control.definitionList";
|
|
1473
1499
|
readonly definitionPanelOpenChange: "Control.definitionPanelOpenChange";
|
|
1474
1500
|
readonly definitionDestroy: "Control.definitionDestroy";
|
|
1475
1501
|
readonly speedChange: "Control.speedChange";
|
|
1476
|
-
/**
|
|
1477
|
-
* 录像回放的月份列表 @private
|
|
1478
|
-
*/
|
|
1479
1502
|
readonly speedPanelOpenChange: "Control.speedPanelOpenChange";
|
|
1480
1503
|
readonly speedDestroy: "Control.speedDestroy";
|
|
1481
1504
|
readonly ptzPanelOpenChange: "Control.ptzPanelOpenChange";
|
|
@@ -1491,6 +1514,12 @@ declare class Theme extends EventEmitter {
|
|
|
1491
1514
|
readonly broadcastDestroy: "Control.broadcastDestroy";
|
|
1492
1515
|
readonly aichatChange: "Control.aichatChange";
|
|
1493
1516
|
readonly aichatDestroy: "Control.aichatDestroy";
|
|
1517
|
+
readonly liveChange: "Control.liveChange";
|
|
1518
|
+
readonly liveDestroy: "Control.liveDestroy";
|
|
1519
|
+
readonly recDropdownChange: "Control.recDropdownChange";
|
|
1520
|
+
readonly recDropdownDestroy: "Control.recDropdownDestroy";
|
|
1521
|
+
readonly alarmMessageChange: "Control.alarmMessageChange";
|
|
1522
|
+
readonly alarmMessageDestroy: "Control.alarmMessageDestroy";
|
|
1494
1523
|
readonly zoomChange: "Control.zoomChange";
|
|
1495
1524
|
readonly zoomPanelOpenChange: "Control.zoomPanelOpenChange";
|
|
1496
1525
|
readonly zoomDestroy: "Control.zoomDestroy";
|
|
@@ -1708,6 +1737,12 @@ declare class Theme extends EventEmitter {
|
|
|
1708
1737
|
BTN_TALK: string;
|
|
1709
1738
|
BTN_BROADCAST: string;
|
|
1710
1739
|
BTN_AICHAT: string;
|
|
1740
|
+
BTN_LIVE: string;
|
|
1741
|
+
BTN_REC_DROPDOWN: string;
|
|
1742
|
+
BTN_ALARM_MESSAGE: string;
|
|
1743
|
+
REC_DROPDOWN_CLOUD_REC: string;
|
|
1744
|
+
REC_DROPDOWN_CLOUD_RECORD: string;
|
|
1745
|
+
REC_DROPDOWN_LOCAL_REC: string;
|
|
1711
1746
|
BTN_ZOOM: string;
|
|
1712
1747
|
BTN_3D_ZOOM: string;
|
|
1713
1748
|
BTN_PTZ: string;
|
|
@@ -1717,10 +1752,11 @@ declare class Theme extends EventEmitter {
|
|
|
1717
1752
|
BTN_EXIR_FULLSCREEN: string;
|
|
1718
1753
|
BTN_HD: string;
|
|
1719
1754
|
BTN_SPEED: string;
|
|
1720
|
-
BTN_CLOUDREC: string;
|
|
1755
|
+
BTN_CLOUDREC: string;
|
|
1721
1756
|
BTN_CLOUDRECORD: string;
|
|
1722
1757
|
BTN_REC: string;
|
|
1723
1758
|
BTN_CALENDAR: string;
|
|
1759
|
+
/** resizeObserver 监听销毁 */
|
|
1724
1760
|
BTN_MORE: string;
|
|
1725
1761
|
DEVICE_NAME: string;
|
|
1726
1762
|
DEVICE_ID: string;
|
|
@@ -1729,51 +1765,56 @@ declare class Theme extends EventEmitter {
|
|
|
1729
1765
|
START_RECORD_SUCCESS: string;
|
|
1730
1766
|
START_RECORD_FAILED: string;
|
|
1731
1767
|
STOP_RECORD_SUCCESS: string;
|
|
1732
|
-
STOP_RECORD_FAILED: string;
|
|
1768
|
+
STOP_RECORD_FAILED: string; /** 当前容器的全屏状态 true: 全屏, false: 非全屏 */
|
|
1733
1769
|
RECORD_TIPS: string;
|
|
1734
1770
|
RECORDS: string;
|
|
1735
1771
|
OPEN_SOUND: string;
|
|
1736
|
-
CLOSE_SOUND: string;
|
|
1772
|
+
CLOSE_SOUND: string; /** 屏幕旋转角度 0 | 90 | 180 | 270 */
|
|
1737
1773
|
SOUND_OPENED: string;
|
|
1738
1774
|
ZOOM: string;
|
|
1739
1775
|
START_ZOOM: string;
|
|
1776
|
+
/** 是否播放中 @private */
|
|
1740
1777
|
CLOSE_ZOOM: string;
|
|
1741
1778
|
ZOOM_ADD: string;
|
|
1742
1779
|
ZOOM_SUB: string;
|
|
1743
|
-
ZOOM_ADD_MAX: string;
|
|
1780
|
+
ZOOM_ADD_MAX: string; /** 音量 */
|
|
1744
1781
|
ZOOM_SUB_MIN: string;
|
|
1745
|
-
ZOOM_LIMIT_MAX: string;
|
|
1746
|
-
ZOOM_LIMIT_MIN: string;
|
|
1782
|
+
ZOOM_LIMIT_MAX: string; /** 电子放大倍数 @private */
|
|
1783
|
+
ZOOM_LIMIT_MIN: string; /** 放大中 true: 可缩放状态,false: 禁止缩放状态(不能缩放) @private */
|
|
1747
1784
|
ZOOM_NOT_ENABLED: string;
|
|
1748
1785
|
'3D_ZOOM': string;
|
|
1749
1786
|
'3D_ZOOM_DISABLE': string;
|
|
1750
|
-
'3D_ZOOM_FAILED': string;
|
|
1787
|
+
'3D_ZOOM_FAILED': string; /** 对讲中 @private */
|
|
1751
1788
|
START_3D_ZOOM: string;
|
|
1752
1789
|
CLOSE_3D_ZOOM: string;
|
|
1753
1790
|
DEVICE_NOT_SUPPORT_3D_ZOOM: string;
|
|
1754
1791
|
'3D_ZOOM_ACTIVED': string;
|
|
1755
|
-
'3D_ZOOM_NOT_ACTIVED': string;
|
|
1792
|
+
'3D_ZOOM_NOT_ACTIVED': string;
|
|
1756
1793
|
'3D_ZOOM_CLOSED': string;
|
|
1757
1794
|
CHANGE_ZOOM_TYPE: string;
|
|
1795
|
+
/** 窗口尺寸变化时,设置窗口超出隐藏,防止出现滚动条 */
|
|
1758
1796
|
FULLSCREEN: string;
|
|
1759
1797
|
FULLSCREEN_EXIT: string;
|
|
1760
1798
|
GET_WEB_FULLSCREEN_STATUS: string;
|
|
1761
1799
|
WEB_FULLSCREEN: string;
|
|
1800
|
+
/**
|
|
1801
|
+
* 录像回放的月份列表 @private
|
|
1802
|
+
*/
|
|
1762
1803
|
WEB_FULLSCREEN_EXIT: string;
|
|
1763
1804
|
DESTROY: string;
|
|
1764
1805
|
GET_CAPACITY: string;
|
|
1765
1806
|
GET_PTZ_STATUS: string;
|
|
1766
1807
|
GET_PTZ_STATUS_FAILED: string;
|
|
1767
1808
|
MOBILE_HIDE_PTZ: string;
|
|
1809
|
+
/**
|
|
1810
|
+
* 录像回放的月份列表 @private
|
|
1811
|
+
*/
|
|
1768
1812
|
OPTION_PTZ_FAILED: string;
|
|
1769
1813
|
MOBILE_PTZ_TIPS: string;
|
|
1770
1814
|
PTZ_FAST: string;
|
|
1771
1815
|
PTZ_MID: string;
|
|
1772
1816
|
PTZ_SLOW: string;
|
|
1773
1817
|
PTZ_SPEED: string;
|
|
1774
|
-
/**
|
|
1775
|
-
* 录像回放的月份列表 @private
|
|
1776
|
-
*/
|
|
1777
1818
|
DEVICE_ZOOM: string;
|
|
1778
1819
|
DEVICE_FOCUS: string;
|
|
1779
1820
|
NOT_SUPPORT_DEVICE_ZOOM: string;
|
|
@@ -1994,6 +2035,12 @@ declare class Theme extends EventEmitter {
|
|
|
1994
2035
|
BTN_TALK: string;
|
|
1995
2036
|
BTN_BROADCAST: string;
|
|
1996
2037
|
BTN_AICHAT: string;
|
|
2038
|
+
BTN_LIVE: string;
|
|
2039
|
+
BTN_REC_DROPDOWN: string;
|
|
2040
|
+
BTN_ALARM_MESSAGE: string;
|
|
2041
|
+
REC_DROPDOWN_CLOUD_REC: string;
|
|
2042
|
+
REC_DROPDOWN_CLOUD_RECORD: string;
|
|
2043
|
+
REC_DROPDOWN_LOCAL_REC: string;
|
|
1997
2044
|
BTN_ZOOM: string;
|
|
1998
2045
|
BTN_3D_ZOOM: string;
|
|
1999
2046
|
BTN_PTZ: string;
|
|
@@ -2017,9 +2064,7 @@ declare class Theme extends EventEmitter {
|
|
|
2017
2064
|
START_RECORD_SUCCESS: string;
|
|
2018
2065
|
START_RECORD_FAILED: string;
|
|
2019
2066
|
STOP_RECORD_SUCCESS: string;
|
|
2020
|
-
STOP_RECORD_FAILED: string;
|
|
2021
|
-
* 是否在缩放中
|
|
2022
|
-
*/
|
|
2067
|
+
STOP_RECORD_FAILED: string;
|
|
2023
2068
|
RECORD_TIPS: string;
|
|
2024
2069
|
RECORDS: string;
|
|
2025
2070
|
OPEN_SOUND: string;
|
|
@@ -2031,16 +2076,7 @@ declare class Theme extends EventEmitter {
|
|
|
2031
2076
|
ZOOM_ADD: string;
|
|
2032
2077
|
ZOOM_SUB: string;
|
|
2033
2078
|
ZOOM_ADD_MAX: string;
|
|
2034
|
-
ZOOM_SUB_MIN: string;
|
|
2035
|
-
* 电子放大倍数, 仅 ezopen 支持
|
|
2036
|
-
* @since 0.0.1
|
|
2037
|
-
* @example
|
|
2038
|
-
* ```ts
|
|
2039
|
-
* theme.zoom // 放大倍数
|
|
2040
|
-
* // 事件监听
|
|
2041
|
-
* theme.on(Theme.EVENTS.zoom, (zoom: number) => {})
|
|
2042
|
-
* ```
|
|
2043
|
-
*/
|
|
2079
|
+
ZOOM_SUB_MIN: string;
|
|
2044
2080
|
ZOOM_LIMIT_MAX: string;
|
|
2045
2081
|
ZOOM_LIMIT_MIN: string;
|
|
2046
2082
|
ZOOM_NOT_ENABLED: string;
|
|
@@ -2070,6 +2106,9 @@ declare class Theme extends EventEmitter {
|
|
|
2070
2106
|
PTZ_MID: string;
|
|
2071
2107
|
PTZ_SLOW: string;
|
|
2072
2108
|
PTZ_SPEED: string;
|
|
2109
|
+
/**
|
|
2110
|
+
* 倍速
|
|
2111
|
+
*/
|
|
2073
2112
|
DEVICE_ZOOM: string;
|
|
2074
2113
|
DEVICE_FOCUS: string;
|
|
2075
2114
|
NOT_SUPPORT_DEVICE_ZOOM: string;
|
|
@@ -2079,7 +2118,10 @@ declare class Theme extends EventEmitter {
|
|
|
2079
2118
|
CHANGE_FEC_TYPE: string;
|
|
2080
2119
|
DEVICE_NOT_SUPPORT: string;
|
|
2081
2120
|
TYPE_NOT_SUPPORT: string;
|
|
2082
|
-
FEC_SUPPORT_VERSION: string;
|
|
2121
|
+
FEC_SUPPORT_VERSION: string; /**
|
|
2122
|
+
* 录制中, 仅 ezopen 支持
|
|
2123
|
+
* @since 0.0.1
|
|
2124
|
+
*/
|
|
2083
2125
|
NO_CANVAS_ID: string;
|
|
2084
2126
|
SET_FEC_PARAMS: string;
|
|
2085
2127
|
GET_FEC_PARAMS: string;
|