@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/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
@@ -1,6 +1,6 @@
1
1
  /*
2
- * @ezuikit/player-theme v3.0.0-beta.5
3
- * Copyright (c) 2026-05-06 Ezviz-OpenBiz
2
+ * @ezuikit/player-theme v3.0.1-beta.4
3
+ * Copyright (c) 2026-05-18 Ezviz-OpenBiz
4
4
  * Released under the MIT License.
5
5
  */
6
6
  require("./style.css");
@@ -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; /** @since 0.0.1 @private */
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; /** 对讲中 @private */
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;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ezuikit/player-theme",
3
- "version": "3.0.0-beta.5",
3
+ "version": "3.0.1-beta.4",
4
4
  "description": "player theme",
5
5
  "title": "theme",
6
6
  "main": "dist/index.cjs",