@ezuikit/player-theme 2.1.0-beta.8 → 2.1.1-beta.1

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
@@ -15,9 +15,11 @@ body.ezplayer-body-mobile-noscroll{background-color:#000!important;height:100vh;
15
15
  .ezplayer-poster{bottom:0;display:none;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:2}.ezplayer-poster img{border:0;font-size:0;height:100%;outline:none;pointer-events:none;width:100%}
16
16
  .ezplayer-icon-volume{position:relative}.ezplayer-icon-volume svg .ezplayer-icon-volume-high,.ezplayer-icon-volume svg .ezplayer-icon-volume-low,.ezplayer-icon-volume svg .ezplayer-icon-volume-muted{display:none}.ezplayer-icon-volume.ezplayer-icon-volume-high svg .ezplayer-icon-volume-high,.ezplayer-icon-volume.ezplayer-icon-volume-high svg .ezplayer-icon-volume-low,.ezplayer-icon-volume.ezplayer-icon-volume-low svg .ezplayer-icon-volume-low,.ezplayer-icon-volume.ezplayer-icon-volume-muted svg .ezplayer-icon-volume-muted,.ezplayer-icon-volume.ezplayer-icon-volume-zero svg .ezplayer-icon-volume-muted{display:inline}.ezplayer-volume-progress{height:126px}
17
17
  .ezplayer-control-rec{box-sizing:border-box;display:inline-flex;flex-direction:row}.ezplayer-control-rec .ezplayer-icon-cloud-rec,.ezplayer-control-rec .ezplayer-icon-cloud-record,.ezplayer-control-rec .ezplayer-icon-sdk{color:#d4d7dd;cursor:pointer;margin-left:5px}.ezplayer-mobile-extend .ezplayer-control-rec{background-color:#f4f6fc;border:1px solid #ededed;border-radius:18px;height:30px}.ezplayer-mobile-extend .ezplayer-icon-cloud-rec,.ezplayer-mobile-extend .ezplayer-icon-cloud-record,.ezplayer-mobile-extend .ezplayer-icon-sdk{cursor:pointer;font-size:20px;margin-left:1px;padding:2px 7px}.ezplayer-mobile-extend .ezplayer-icon-cloud-rec.ezplayer-active,.ezplayer-mobile-extend .ezplayer-icon-cloud-record.ezplayer-active,.ezplayer-mobile-extend .ezplayer-icon-sdk.ezplayer-active{background-color:#fff;border-radius:12px;box-shadow:0 1px 4px 0 hsla(0,0%,68%,.2)}.ezplayer-mobile .ezplayer-icon-cloud-rec,.ezplayer-mobile .ezplayer-icon-cloud-record,.ezplayer-mobile .ezplayer-icon-sdk{margin-left:10px}
18
- .ezplayer-more-panel{align-items:center;background-color:var(--ezplayer-panel-bg-color,rgba(0,0,0,.7));border-radius:var(--ezplayer-border-radius,8px);cursor:default;display:flex;flex-direction:row;padding:8px 10px}.ezplayer-more .ezplayer-control{margin-left:var(--ezplayer-control-space,16px)}.ezplayer-more .ezplayer-control:first-child{margin-left:0}
18
+ .ezplayer-more-panel{align-items:center;background-color:var(--ezplayer-panel-bg-color,rgba(0,0,0,.7));border-radius:var(--ezplayer-border-radius,8px);cursor:default;display:flex;flex-direction:row;padding:8px 10px}.ezplayer-more .ezplayer-control{margin-left:10px}.ezplayer-more .ezplayer-control:first-child{margin-right:0}
19
19
  .ezplayer-medium-height .ezplayer-zoom-panel,.ezplayer-mini-height .ezplayer-zoom-panel{height:100%;padding-bottom:var(--ezplayer-footer-height,80px);padding-top:0}.ezplayer-mini-height .ezplayer-zoom-panel{padding-bottom:calc(var(--ezplayer-footer-height, 80px) - 20px)}.ezplayer-mini-height .ezplayer-progress-slider{display:none!important}.ezplayer-mini-height .ezplayer-progress-plus{padding-bottom:0}.ezplayer-mini-height .ezplayer-progress-minus{padding-top:0}.ezplayer-zoom-panel{bottom:0;display:inline-flex;flex-direction:column;height:100%;justify-content:flex-end;left:20px;padding-bottom:calc(var(--ezplayer-footer-height, 80px) + 20px);padding-top:10%;pointer-events:none;position:absolute;top:0;z-index:23}.ezplayer-zoom-panel .ezplayer-progress{height:200px;max-height:95%;pointer-events:auto}.ezplayer-mobile .ezplayer-zoom-panel{padding-bottom:calc(var(--ezplayer-mobile-footer-height, 54px) + 10px);padding-top:5%}.ezplayer-mobile.ezplayer-fullscreen .ezplayer-zoom-panel{padding-bottom:var(--ezplayer-mobile-fullscreen-footer-height,110px);padding-top:var(--ezplayer-mobile-fullscreen-header-height,75px)}
20
20
  .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)}
21
+ .ezplayer-control-broadcast.ezplayer-active .ezplayer-icon-record-circle{color:var(--ezplayer-active-color,#407aff)}
22
+ .ezplayer-control-aichat.ezplayer-active .ezplayer-icon-aichat{color:var(--ezplayer-active-color,#407aff)}
21
23
  .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}
22
24
  .ezplayer-select-definition .ezplayer-select-panel{width:100px}.ezplayer-control-definition .ezplayer-select-btn{width:75px}
23
25
 
package/dist/style.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /*
2
- * @ezuikit/player-theme v2.1.0-beta.8
3
- * Copyright (c) 2026-01-06 Ezviz-OpenBiz
2
+ * @ezuikit/player-theme v2.1.1-beta.1
3
+ * Copyright (c) 2026-02-05 Ezviz-OpenBiz
4
4
  * Released under the MIT License.
5
5
  */
6
6
  require("./style.css");
@@ -4,7 +4,6 @@ import I18n, { I18nTranslation } from '@ezuikit/utils-i18n';
4
4
  import { LoggerCls, LoggerOptions } from '@ezuikit/utils-logger';
5
5
  import { BasePtzOptions } from '@ezuikit/control-ptz';
6
6
  import Zoom from '@ezuikit/control-zoom';
7
- import { ThemeOptions as ThemeOptions$1 } from '@/interface';
8
7
  import { TimeLineTimeSection } from '@ezuikit/control-time-line';
9
8
 
10
9
  /** 填充模式 */
@@ -88,6 +87,10 @@ declare const EVENTS: {
88
87
  readonly talkingChange: "talkingChange";
89
88
  /** 麦克风音量变化 */
90
89
  readonly talkVolumeChange: "talkVolumeChange";
90
+ /** 语音广播状态变化 */
91
+ readonly broadcastChange: "broadcastChange";
92
+ /** AI对话框状态变化 */
93
+ readonly aichatChange: "aichatChange";
91
94
  /** 动态切换日志配置 */
92
95
  readonly setLoggerOptions: "setLoggerOptions";
93
96
  readonly records: "records";
@@ -162,6 +165,14 @@ declare const EVENTS: {
162
165
  readonly talkError: "Control.talkError";
163
166
  /** 对讲控件销毁 */
164
167
  readonly talkDestroy: "Control.talkDestroy";
168
+ /** 语音广播状态变化 */
169
+ readonly broadcastChange: "Control.broadcastChange";
170
+ /** 语音广播控件销毁 */
171
+ readonly broadcastDestroy: "Control.broadcastDestroy";
172
+ /** AI对话框状态变化 */
173
+ readonly aichatChange: "Control.aichatChange";
174
+ /** AI对话框控件销毁 */
175
+ readonly aichatDestroy: "Control.aichatDestroy";
165
176
  /** 缩放比例改变 */
166
177
  readonly zoomChange: "Control.zoomChange";
167
178
  /** 音量调节面板 展示隐藏变换 */
@@ -935,6 +946,10 @@ type ControlType =
935
946
  | 'record'
936
947
  /** 对讲 */
937
948
  | 'talk'
949
+ /** 语音广播 */
950
+ | 'broadcast'
951
+ /** AI对话 */
952
+ | 'aiChat'
938
953
  /** 电子放大 */
939
954
  | 'zoom'
940
955
  /** 清晰度, 兼容 hd */
@@ -1206,7 +1221,7 @@ declare class Pause extends Control {
1206
1221
  interface ContentOptions {
1207
1222
  /** 获取容器 */
1208
1223
  getContainer: () => HTMLElement;
1209
- scaleMode: ThemeOptions$1['scaleMode'];
1224
+ scaleMode: ThemeOptions['scaleMode'];
1210
1225
  }
1211
1226
  /**
1212
1227
  * 截图控件
@@ -1224,6 +1239,7 @@ declare class Content extends EventEmitter {
1224
1239
  /** 配置项 */
1225
1240
  options: ContentOptions;
1226
1241
  private _scaleMode?;
1242
+ private _cleanUpResizeObserver;
1227
1243
  private _originWidth;
1228
1244
  private _originHeight;
1229
1245
  private _width;
@@ -1235,8 +1251,8 @@ declare class Content extends EventEmitter {
1235
1251
  * @param {number} originHeight 画面高度
1236
1252
  * @returns {void}
1237
1253
  */
1238
- rerender(originWidth?: number, originHeight?: number): void;
1239
- setScaleMode(scaleMode?: ThemeOptions$1['scaleMode']): void;
1254
+ private rerender;
1255
+ setScaleMode(scaleMode?: ThemeOptions['scaleMode']): void;
1240
1256
  destroy(): void;
1241
1257
  }
1242
1258
 
@@ -1315,6 +1331,8 @@ declare class More extends Control {
1315
1331
  key: string;
1316
1332
  part: 'left' | 'right';
1317
1333
  control: Control;
1334
+ width: number;
1335
+ height: number;
1318
1336
  }>;
1319
1337
  constructor(options: MoreOptions);
1320
1338
  private _render;
@@ -1322,7 +1340,10 @@ declare class More extends Control {
1322
1340
  * 添加
1323
1341
  * @param control
1324
1342
  */
1325
- add(key: string, part: 'left' | 'right', control: Control): void;
1343
+ add(key: string, part: 'left' | 'right', control: Control, props: {
1344
+ width: number;
1345
+ height: number;
1346
+ }): void;
1326
1347
  /**
1327
1348
  * 移除
1328
1349
  * @param control
@@ -1416,17 +1437,15 @@ declare class Theme extends EventEmitter {
1416
1437
  readonly recordingChange: "recordingChange";
1417
1438
  readonly talkingChange: "talkingChange";
1418
1439
  readonly talkVolumeChange: "talkVolumeChange";
1440
+ readonly broadcastChange: "broadcastChange";
1441
+ readonly aichatChange: "aichatChange";
1419
1442
  readonly setLoggerOptions: "setLoggerOptions";
1420
1443
  readonly records: "records";
1421
- readonly ptzSpeedChange: "ptzSpeedChange"; /**
1422
- * 更多控件(footer more)
1423
- * @since 0.0.1
1424
- * @private
1425
- */
1444
+ readonly ptzSpeedChange: "ptzSpeedChange"; /** 头部控件 @since 0.0.1 @private */
1426
1445
  readonly setVideoLevelList: "setVideoLevelList";
1427
1446
  readonly currentVideoLevel: "currentVideoLevel";
1428
1447
  readonly currentVideoLevelAuto: "currentVideoLevelAuto";
1429
- readonly setAllDayRecTimes: "setAllDayRecTimes"; /** 低部控件 @since 0.0.1 @private */
1448
+ readonly setAllDayRecTimes: "setAllDayRecTimes";
1430
1449
  readonly getOSDTime: "getOSDTime";
1431
1450
  readonly control: {
1432
1451
  readonly play: "Control.play";
@@ -1442,13 +1461,16 @@ declare class Theme extends EventEmitter {
1442
1461
  readonly headerMorePanelOpenChange: "Control.headerMorePanelOpenChange";
1443
1462
  readonly footerMoreShowControlsChange: "Control.footerMoreShowControlsChange";
1444
1463
  readonly footerMorePanelOpenChange: "Control.footerMorePanelOpenChange";
1445
- readonly deviceDestroy: "Control.deviceDestroy"; /** 对讲中 @private */
1464
+ readonly deviceDestroy: "Control.deviceDestroy";
1446
1465
  readonly recTypeChange: "Control.recTypeChange";
1447
1466
  readonly recDestroy: "Control.recDestroy";
1448
1467
  readonly definitionChange: "Control.definitionChange";
1449
1468
  readonly definitionList: "Control.definitionList";
1450
1469
  readonly definitionPanelOpenChange: "Control.definitionPanelOpenChange";
1451
1470
  readonly definitionDestroy: "Control.definitionDestroy";
1471
+ /**
1472
+ * 录像回放的月份列表 @private
1473
+ */
1452
1474
  readonly speedChange: "Control.speedChange";
1453
1475
  readonly speedPanelOpenChange: "Control.speedPanelOpenChange";
1454
1476
  readonly speedDestroy: "Control.speedDestroy";
@@ -1461,6 +1483,10 @@ declare class Theme extends EventEmitter {
1461
1483
  readonly talkingChange: "Control.talkingChange";
1462
1484
  readonly talkError: "Control.talkError";
1463
1485
  readonly talkDestroy: "Control.talkDestroy";
1486
+ readonly broadcastChange: "Control.broadcastChange";
1487
+ readonly broadcastDestroy: "Control.broadcastDestroy";
1488
+ readonly aichatChange: "Control.aichatChange";
1489
+ readonly aichatDestroy: "Control.aichatDestroy";
1464
1490
  readonly zoomChange: "Control.zoomChange";
1465
1491
  readonly zoomPanelOpenChange: "Control.zoomPanelOpenChange";
1466
1492
  readonly zoomDestroy: "Control.zoomDestroy";
@@ -1681,12 +1707,14 @@ declare class Theme extends EventEmitter {
1681
1707
  BTN_RECORDVIDEO: string;
1682
1708
  BTN_CAPTURE: string;
1683
1709
  BTN_TALK: string;
1710
+ BTN_BROADCAST: string;
1711
+ BTN_AICHAT: string;
1684
1712
  BTN_ZOOM: string;
1685
1713
  BTN_3D_ZOOM: string;
1686
1714
  BTN_PTZ: string;
1687
1715
  BTN_GLOBAL_FULLSCREEN: string;
1688
1716
  BTN_EXIT_GLOBAL_FULLSCREEN: string;
1689
- BTN_FULLSCREEN: string; /** @since 0.0.1 @private */
1717
+ BTN_FULLSCREEN: string;
1690
1718
  BTN_EXIR_FULLSCREEN: string;
1691
1719
  BTN_HD: string;
1692
1720
  BTN_SPEED: string;
@@ -1699,6 +1727,7 @@ declare class Theme extends EventEmitter {
1699
1727
  DEVICE_ID: string;
1700
1728
  CAPTURE_SUCCESS: string;
1701
1729
  CAPTURE_FAILED: string;
1730
+ /** resizeObserver 监听销毁 */
1702
1731
  START_RECORD_SUCCESS: string;
1703
1732
  START_RECORD_FAILED: string;
1704
1733
  STOP_RECORD_SUCCESS: string;
@@ -1720,7 +1749,7 @@ declare class Theme extends EventEmitter {
1720
1749
  ZOOM_NOT_ENABLED: string;
1721
1750
  '3D_ZOOM': string;
1722
1751
  '3D_ZOOM_DISABLE': string;
1723
- '3D_ZOOM_FAILED': string;
1752
+ '3D_ZOOM_FAILED': string; /** 放大中 true: 可缩放状态,false: 禁止缩放状态(不能缩放) @private */
1724
1753
  START_3D_ZOOM: string;
1725
1754
  CLOSE_3D_ZOOM: string;
1726
1755
  DEVICE_NOT_SUPPORT_3D_ZOOM: string;
@@ -1728,7 +1757,6 @@ declare class Theme extends EventEmitter {
1728
1757
  '3D_ZOOM_NOT_ACTIVED': string;
1729
1758
  '3D_ZOOM_CLOSED': string;
1730
1759
  CHANGE_ZOOM_TYPE: string;
1731
- /** 自定清晰度 @private */
1732
1760
  FULLSCREEN: string;
1733
1761
  FULLSCREEN_EXIT: string;
1734
1762
  GET_WEB_FULLSCREEN_STATUS: string;
@@ -1737,11 +1765,17 @@ declare class Theme extends EventEmitter {
1737
1765
  DESTROY: string;
1738
1766
  GET_CAPACITY: string;
1739
1767
  GET_PTZ_STATUS: string;
1768
+ /**
1769
+ * 录像回放的月份列表 @private
1770
+ */
1740
1771
  GET_PTZ_STATUS_FAILED: string;
1741
1772
  MOBILE_HIDE_PTZ: string;
1742
1773
  OPTION_PTZ_FAILED: string;
1743
1774
  MOBILE_PTZ_TIPS: string;
1744
1775
  PTZ_FAST: string;
1776
+ /**
1777
+ * 录像回放的月份列表 @private
1778
+ */
1745
1779
  PTZ_MID: string;
1746
1780
  PTZ_SLOW: string;
1747
1781
  PTZ_SPEED: string;
@@ -1932,7 +1966,9 @@ declare class Theme extends EventEmitter {
1932
1966
  CALL_END: string;
1933
1967
  USER_DO_NOT_OWN_DEVICE: string;
1934
1968
  NO_CLOUD_RECORD: string;
1935
- CHANGE_VIDEO_LEVEL: string;
1969
+ CHANGE_VIDEO_LEVEL: string; /**
1970
+ * 音量值
1971
+ */
1936
1972
  CHANGE_VIDEO_LEVEL_FAIL: string;
1937
1973
  GET_VIDEO_LEVEL_LIST: string;
1938
1974
  PLEASE_INPUT_RIGHT_VIDEO_LEVEL: string;
@@ -1951,8 +1987,13 @@ declare class Theme extends EventEmitter {
1951
1987
  BTN_VOLUME: string;
1952
1988
  BTN_MUTED: string;
1953
1989
  BTN_RECORDVIDEO: string;
1954
- BTN_CAPTURE: string;
1990
+ BTN_CAPTURE: string; /**
1991
+ * 静音
1992
+ *
1993
+ */
1955
1994
  BTN_TALK: string;
1995
+ BTN_BROADCAST: string;
1996
+ BTN_AICHAT: string;
1956
1997
  BTN_ZOOM: string;
1957
1998
  BTN_3D_ZOOM: string;
1958
1999
  BTN_PTZ: string;
@@ -2027,9 +2068,7 @@ declare class Theme extends EventEmitter {
2027
2068
  CHANGE_FEC_TYPE: string;
2028
2069
  DEVICE_NOT_SUPPORT: string;
2029
2070
  TYPE_NOT_SUPPORT: string;
2030
- FEC_SUPPORT_VERSION: string; /**
2031
- * 云台开启中
2032
- */
2071
+ FEC_SUPPORT_VERSION: string;
2033
2072
  NO_CANVAS_ID: string;
2034
2073
  SET_FEC_PARAMS: string;
2035
2074
  GET_FEC_PARAMS: string;
@@ -2468,6 +2507,7 @@ declare class Theme extends EventEmitter {
2468
2507
  * @WARN:这里会闪一下, 原因:需要控件渲染后才知是否需要放置到 More 中,
2469
2508
  */
2470
2509
  private _footerMoreControlShow;
2510
+ private _displayMore;
2471
2511
  /**
2472
2512
  * 移除事件
2473
2513
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ezuikit/player-theme",
3
- "version": "2.1.0-beta.8",
3
+ "version": "2.1.1-beta.1",
4
4
  "description": "player theme",
5
5
  "title": "theme",
6
6
  "main": "dist/index.js",
@@ -27,7 +27,7 @@
27
27
  "dependencies": {
28
28
  "@ezuikit/utils-i18n": "2.0.0",
29
29
  "@ezuikit/utils-logger": "2.0.0",
30
- "@ezuikit/utils-tools": "2.0.2",
30
+ "@ezuikit/utils-tools": "2.0.3",
31
31
  "@ezuikit/control-date-picker": "1.0.5",
32
32
  "@ezuikit/control-time-line": "1.0.7",
33
33
  "@juggle/resize-observer": "^3.4.0",
@@ -37,15 +37,6 @@
37
37
  "eventemitter3": "^5.0.1",
38
38
  "screenfull": "5.2.0"
39
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
- },
49
40
  "repository": {
50
41
  "type": "git",
51
42
  "url": "git+https://github.com/Ezviz-OpenBiz/EZUIKit-player-theme.git"