@ezuikit/player-theme 3.1.1-beta.2 → 3.1.2-beta.1

package/dist/style.js

@@ -1,6 +1,6 @@
 /*
-* @ezuikit/player-theme v3.1.1-beta.2
-* Copyright (c) 2026-07-30 01:56:43 Ezviz-OpenBiz
+* @ezuikit/player-theme v3.1.2-beta.1
+* Copyright (c) 2026-08-10 02:32:17 Ezviz-OpenBiz
 * Released under the MIT License.
 */
 require("./style.css");

package/dist/types/index.d.ts

@@ -4,6 +4,7 @@ import I18n, { I18nTranslation } from '@ezuikit/utils-i18n';
 import { LoggerCls, LoggerOptions } from '@ezuikit/utils-logger';
 import { BasePtzOptions } from '@ezuikit/control-ptz';
 import { RecListModalOptions } from '@ezuikit/control-rec-list-modal';
+import * as _ezuikit_utils_tools from '@ezuikit/utils-tools';
 import Zoom from '@ezuikit/control-zoom';
 import { TimeLineTimeSection } from '@ezuikit/control-time-line';
 import { TimePickerOptions } from '@ezuikit/control-date-picker';
@@ -17,7 +18,7 @@ declare const THEME_SCALE_MODE_TYPE: {
     /** 视频画面做等比缩放后,完全填充canvas区域,画面不被拉伸,没有黑边,但画面显示不全 */
     readonly fullAuto: 2;
 };
-declare const THEME_PROPS: readonly ["width", "height", "playing", "volume", "muted", "loading", "recType", "isCurrentFullscreen", "orientationAngle", "zooming", "zoom", "recording", "recordList", "speed", "urlInfo", "videoLevelList", "videoLevel", "recMonth"];
+declare const THEME_PROPS: readonly ["width", "height", "playing", "volume", "muted", "loading", "recType", "isCurrentFullscreen", "orientationAngle", "zooming", "zoom", "recording", "recordList", "speed", "urlInfo", "videoLevelList", "videoLevel", "recMonth", "url"];
 /**
  *
  * 事件名
@@ -1491,9 +1492,10 @@ declare class Theme extends EventEmitter {
         readonly audioInfo: "audioInfo";
         readonly videoInfo: "videoInfo";
         readonly firstFrameDisplay: "firstFrameDisplay";
-        readonly fullscreen: "fullscreen";
+        readonly fullscreen: "fullscreen"; /** 所有私有流的模板 @since 0.0.1 */
         readonly exitFullscreen: "exitFullscreen";
         readonly fullscreenChange: "fullscreenChange";
+        /** 播放器配置项 */
         readonly resize: "resize";
         readonly orientationChange: "orientationChange";
         readonly audioCodecUnsupported: "audioCodecUnsupported";
@@ -1503,8 +1505,7 @@ declare class Theme extends EventEmitter {
         readonly speedChange: "speedChange";
         readonly recordingChange: "recordingChange";
         readonly talkingChange: "talkingChange";
-        /** 封面控件 @since 0.0.1 @private */
-        readonly talkVolumeChange: "talkVolumeChange";
+        readonly talkVolumeChange: "talkVolumeChange"; /** 封面控件 @since 0.0.1 @private */
         readonly broadcastChange: "broadcastChange";
         readonly aichatChange: "aichatChange";
         readonly liveChange: "liveChange";
@@ -1523,7 +1524,7 @@ declare class Theme extends EventEmitter {
             readonly play: "Control.play";
             readonly playDestroy: "Control.playDestroy";
             readonly capturePicture: "Control.capturePicture";
-            readonly capturePictureResult: "Control.capturePictureResult";
+            readonly capturePictureResult: "Control.capturePictureResult"; /**  @since 0.0.1 @private */
             readonly capturePictureDestroy: "Control.capturePictureDestroy";
             readonly volumechange: "Control.volumechange";
             readonly volumePanelOpenChange: "Control.volumePanelOpenChange";
@@ -1538,12 +1539,12 @@ declare class Theme extends EventEmitter {
             readonly recDestroy: "Control.recDestroy";
             readonly definitionChange: "Control.definitionChange";
             readonly definitionList: "Control.definitionList";
-            /**
-             * 录像回放的月份列表 @private
-             */
             readonly definitionPanelOpenChange: "Control.definitionPanelOpenChange";
             readonly definitionDestroy: "Control.definitionDestroy";
             readonly speedChange: "Control.speedChange";
+            /**
+             * 录像回放的月份列表 @private
+             */
             readonly speedPanelOpenChange: "Control.speedPanelOpenChange";
             readonly speedDestroy: "Control.speedDestroy";
             readonly ptzPanelOpenChange: "Control.ptzPanelOpenChange";
@@ -1598,7 +1599,9 @@ declare class Theme extends EventEmitter {
             readonly mobileExtendDestroy: "Theme.mobileExtendDestroy";
             readonly recFooterDestroy: "Theme.recFooterDestroy";
         };
-        readonly message: "message";
+        readonly message: "message"; /**
+         * url 信息 播放地址信息
+         */
     };
     /** 语言包 @since 0.0.1 */
     static LOCALES: {
@@ -1703,6 +1706,7 @@ declare class Theme extends EventEmitter {
             397007: string;
             399000: string;
             399001: string;
+            /** 移动端竖屏, 全屏情况下不展示扩张，放置在 footer 中 */
             399002: string;
             399016: string;
             399048: string;
@@ -1750,7 +1754,7 @@ declare class Theme extends EventEmitter {
             SET_POSTER: string;
             RESIZE: string;
             SPEED: string;
-            SPEED_RATE: string; /** 多语言对象 https://www.npmjs.com/package/@ezuikit/utils-i18n  @since 0.0.1 */
+            SPEED_RATE: string;
             SPEED_CANCEL: string;
             GET_SPEED: string;
             MAX_SPEED_LIMIT: string;
@@ -1767,16 +1771,11 @@ declare class Theme extends EventEmitter {
             CHANGE_VIDEO_LEVEL: string;
             CHANGE_VIDEO_LEVEL_FAIL: string;
             GET_VIDEO_LEVEL_LIST: string;
+            /** 消息提示控件 @since 0.0.1 @private */
             PLEASE_INPUT_RIGHT_VIDEO_LEVEL: string;
             VIDEO_LEVEL_NOT_SUPPORT: string;
             VIDEO_LEVEL_AUTO: string;
             VIDEO_LEVEL_FLUENT: string;
-            /**
-             * @type { "rec" | "cloudRec" | "cloudRecord" } recType 回放类型
-             * ```ts
-             * theme.recType // 回放类型
-             * ```
-             */
             VIDEO_LEVEL_STANDARD: string;
             VIDEO_LEVEL_HEIGH: string;
             VIDEO_LEVEL_SUPER: string;
@@ -1799,10 +1798,14 @@ declare class Theme extends EventEmitter {
             REC_DROPDOWN_CLOUD_REC: string;
             REC_DROPDOWN_CLOUD_RECORD: string;
             REC_DROPDOWN_LOCAL_REC: string;
-            BTN_ZOOM: string;
+            BTN_ZOOM: string; /** 回放底部时间轴 @since 0.0.1 @private */
             BTN_3D_ZOOM: string;
             BTN_PTZ: string;
             BTN_GLOBAL_FULLSCREEN: string;
+            /**
+             * 移动端扩展容器, 扩展的控件渲染在指定容器以外， 仅只用端适用， 为了可以放置大的控件和方便开发接入
+             * @private
+             */
             BTN_EXIT_GLOBAL_FULLSCREEN: string;
             BTN_FULLSCREEN: string;
             BTN_EXIR_FULLSCREEN: string;
@@ -1815,19 +1818,19 @@ declare class Theme extends EventEmitter {
             BTN_TIME: string;
             BTN_MORE: string;
             DEVICE_NAME: string;
-            DEVICE_ID: string; /** 清除屏幕旋转 */
+            DEVICE_ID: string;
             CAPTURE_SUCCESS: string;
             CAPTURE_FAILED: string;
             START_RECORD_SUCCESS: string;
-            /**  resizeObserver 监听销毁 */
             START_RECORD_FAILED: string;
-            STOP_RECORD_SUCCESS: string;
+            STOP_RECORD_SUCCESS: string; /**  resizeObserver 监听销毁 */
             STOP_RECORD_FAILED: string;
             RECORD_TIPS: string;
             RECORDS: string;
             OPEN_SOUND: string;
             CLOSE_SOUND: string;
             SOUND_OPENED: string;
+            /** 容器的宽 */
             ZOOM: string;
             START_ZOOM: string;
             CLOSE_ZOOM: string;
@@ -1839,6 +1842,7 @@ declare class Theme extends EventEmitter {
             ZOOM_LIMIT_MIN: string;
             ZOOM_NOT_ENABLED: string;
             '3D_ZOOM': string;
+            /** @private 加载中 */
             '3D_ZOOM_DISABLE': string;
             '3D_ZOOM_FAILED': string;
             START_3D_ZOOM: string;
@@ -1849,10 +1853,11 @@ declare class Theme extends EventEmitter {
             '3D_ZOOM_CLOSED': string;
             CHANGE_ZOOM_TYPE: string;
             FULLSCREEN: string;
-            FULLSCREEN_EXIT: string;
+            FULLSCREEN_EXIT: string; /** 自定清晰度 @private */
             GET_WEB_FULLSCREEN_STATUS: string;
             WEB_FULLSCREEN: string;
-            WEB_FULLSCREEN_EXIT: string; /** 窗口尺寸变化时，设置窗口超出隐藏，防止出现滚动条 */
+            WEB_FULLSCREEN_EXIT: string;
+            /** 回放片段列表 */
             DESTROY: string;
             GET_CAPACITY: string;
             GET_PTZ_STATUS: string;
@@ -1860,15 +1865,13 @@ declare class Theme extends EventEmitter {
             MOBILE_HIDE_PTZ: string;
             OPTION_PTZ_FAILED: string;
             MOBILE_PTZ_TIPS: string;
-            /**
-             * 录像回放的月份列表 @private
-             */
             PTZ_FAST: string;
             PTZ_MID: string;
             PTZ_SLOW: string;
             PTZ_SPEED: string;
             DEVICE_ZOOM: string;
-            DEVICE_FOCUS: string; /**
+            DEVICE_FOCUS: string;
+            /**
              * 录像回放的月份列表 @private
              */
             NOT_SUPPORT_DEVICE_ZOOM: string;
@@ -1877,7 +1880,7 @@ declare class Theme extends EventEmitter {
             MIRROR_TYPE_ERROR: string;
             CHANGE_FEC_TYPE: string;
             DEVICE_NOT_SUPPORT: string;
-            TYPE_NOT_SUPPORT: string;
+            TYPE_NOT_SUPPORT: string; /** 销毁标识  @readonly */
             FEC_SUPPORT_VERSION: string;
             NO_CANVAS_ID: string;
             SET_FEC_PARAMS: string;
@@ -1947,16 +1950,13 @@ declare class Theme extends EventEmitter {
             395601: string;
             395602: string;
             395610: string;
+            /** 暂停控件 @since 0.0.1 @private */
             395620: string;
             395701: string;
             395702: string;
             395703: string;
             396001: string;
-            396099: string; /**
-             * 更多控件（footer more）
-             * @since 0.0.1
-             * @private
-             */
+            396099: string;
             396101: string;
             396102: string;
             396103: string;
@@ -1972,7 +1972,8 @@ declare class Theme extends EventEmitter {
             396503: string;
             396504: string;
             396505: string;
-            396506: string;
+            /** 屏幕旋转角度 0 ｜ 90 ｜ 180 ｜ 270 */
+            396506: string; /** 是否播放中 @private */
             396508: string;
             396509: string;
             396510: string;
@@ -1981,9 +1982,6 @@ declare class Theme extends EventEmitter {
             396513: string;
             396514: string;
             396515: string;
-            /**
-             * 录像回放的月份列表 @private
-             */
             396516: string;
             396517: string;
             396518: string;
@@ -2042,7 +2040,9 @@ declare class Theme extends EventEmitter {
             STOP_SUCCESS: string;
             CHANGE_PLAYURL_SUCCESS: string;
             CHANGE_PLAYURL_FAILED: string;
-            GET_OSD_TIME: string;
+            GET_OSD_TIME: string; /**
+             * url 信息 播放地址信息
+             */
             GET_OSD_TIME_FAILED: string;
             SET_POSTER: string;
             RESIZE: string;
@@ -2170,19 +2170,6 @@ declare class Theme extends EventEmitter {
             SET_FEC_PARAMS: string;
             GET_FEC_PARAMS: string;
             SET_FEC_PARAMS_FAILED: string;
-            /**
-             * 对讲增益(音量)， 仅 ezopen 支持
-             *
-             * {@link https://mdn.org.cn/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API}
-             *
-             * @since 0.0.1
-             * @example
-             * ```ts
-             * theme.talkGain // 对讲音量
-             * // 事件监听 event
-             * theme.on(Theme.EVENTS.talk, (gain: number) => {})
-             * ```
-             */
             GET_FEC_PARAMS_FAILED: string;
             GET_FEC_PARAMS_SUPPORT_VERSION: string;
             SET_WATERMARK: string;
@@ -2303,10 +2290,12 @@ declare class Theme extends EventEmitter {
     _onPauseTimingFunc: ((open: boolean) => void) | null;
     /** 销毁标识  @readonly */
     destroyed: boolean;
-    /** 播放地址信息 */
-    urlInfo: any | null;
     scaleMode: ThemeOptions['scaleMode'];
     constructor(options: ThemeOptions);
+    /**
+     * url 信息 播放地址信息
+     */
+    get urlInfo(): Partial<_ezuikit_utils_tools.EzopenURL>;
     /**
      * 容器的宽(单位 px)
      * ```ts
@@ -2638,7 +2627,7 @@ declare class Theme extends EventEmitter {
      * @param url 录像 url
      * @returns {"rec" | "cloudRecord" | "cloudRec" | ""} 录像类型， rec: 录像， cloudRec: 云录像， cloudRecord: 云录制
      */
-    protected _getRecType(url: string): "" | "rec" | "cloudRec" | "cloudRecord";
+    protected _getRecType(url: string): "" | "cloudRec" | "cloudRecord" | "rec";
     private resetControl;
     /**
      * 窗口全屏后旋转 90度判断， 然后设置控件已经旋转 90度， 为了解决控件交互问题
@@ -2764,7 +2753,7 @@ interface ThemeOptions {
     ptzOptions?: OmitControlOptions<PtzOptions> | null;
     /** 回放类型控件配置， 设置 null 不渲染控件 @since 0.0.1 */
     recOptions?: OmitControlOptions<RecOptions> | null;
-    /** 录像列表控件配置， 设置 null 不渲染控件 @since 0.0.1 */
+    /** 录像列表控件配置， 设置 null 不渲染控件 @since 3.1.1 */
     recListOptions?: OmitControlOptions<RecListOptions> | null;
     /** 录制控件配置 ，设置 null 不渲染控件 @since 0.0.1 */
     recordOptions?: OmitControlOptions<RecordOptions> | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ezuikit/player-theme",
-  "version": "3.1.1-beta.2",
+  "version": "3.1.2-beta.1",
   "description": "player theme",
   "title": "theme",
   "main": "dist/index.cjs",
@@ -27,6 +27,7 @@
     "theme",
     "ezuikit",
     "ezviz",
+    "ezopen",
     "ui"
   ],
   "author": "Ezviz-OpenBiz",
@@ -34,12 +35,12 @@
   "dependencies": {
     "@ezuikit/utils-i18n": "^2.0.1",
     "@ezuikit/utils-logger": "^2.0.1",
-    "@ezuikit/utils-tools": "^2.0.5",
-    "@ezuikit/control-date-picker": "2.1.0-beta.1",
-    "@ezuikit/control-time-line": "2.1.0-beta.9",
-    "@ezuikit/control-ptz": "^1.0.0-beta.6",
-    "@ezuikit/control-rec-list-modal": "0.0.1-beta.7",
-    "@ezuikit/control-zoom": "^1.0.0-beta.4",
+    "@ezuikit/utils-tools": "^2.0.6",
+    "@ezuikit/control-date-picker": "2.1.1",
+    "@ezuikit/control-time-line": "2.1.0",
+    "@ezuikit/control-ptz": "1.0.0",
+    "@ezuikit/control-rec-list-modal": "0.0.1",
+    "@ezuikit/control-zoom": "1.0.0-beta.4",
     "@juggle/resize-observer": "^3.4.0",
     "@skax/delegate": "4.0.2",
     "@skax/picker": "1.1.8",