@ezuikit/player-theme 0.0.1-alpha.1 → 0.0.1-alpha.3

package/dist/index.js

@@ -1,5 +1,5 @@
 /*
-* @ezuikit/player-theme v0.0.1-alpha.1
+* @ezuikit/player-theme v0.0.1-alpha.3
 * Copyright (c) 2025-10-08 Ezviz-OpenBiz
 * Released under the MIT License.
 */
@@ -65,18 +65,6 @@ const THEME_PROPS = [
     'deviceID',
     'deviceName'
 ];
-/**
- * 暂停时能禁用的控件按钮
- */ const PAUSE_DISABLED_BTN = [
-    'capturePicture',
-    'volume',
-    'ptz',
-    'record',
-    'talk',
-    'definition',
-    'speed',
-    'globalFullscreen'
-];
 /**
  * 移动端可以扩展的控件
  * ['ptz', 'talk', 'record', 'capturePicture', 'timeLine', 'rec', 'date'];
@@ -9558,6 +9546,15 @@ const THEME_DEFAULT_OPTIONS = {
             this._playing = playing;
             if (!playing) {
                 this.loading = false;
+                [
+                    'ptz',
+                    'talk',
+                    'record'
+                ].forEach((key)=>{
+                    if (this.controls[`${key}Control`]) {
+                        this.controls[`${key}Control`].reset();
+                    }
+                });
                 this._disabled(true);
             }
             this.emit(EVENTS.play, playing);
@@ -10445,11 +10442,11 @@ const THEME_DEFAULT_OPTIONS = {
    * 禁用按钮
    * @private
    */ _disabled(disabled = true) {
-        PAUSE_DISABLED_BTN.forEach((btn)=>{
-            if (this.controls[`${btn}Control`]) {
-                this.controls[`${btn}Control`].disabled = disabled;
-            }
-        });
+    // PAUSE_DISABLED_BTN.forEach((btn) => {
+    //   if (this.controls[`${btn}Control`]) {
+    //     this.controls[`${btn}Control`].disabled = disabled;
+    //   }
+    // });
     }
     _onDblClickFullscreen() {
         if (this.isCurrentFullscreen) {
@@ -10531,7 +10528,7 @@ const THEME_DEFAULT_OPTIONS = {
    */ this._footerMoreControl = null, /** 头部控件 @since 0.0.1 @private */ this._header = null, /** 低部控件 @since 0.0.1 @private */ this._footer = null, /** 回放底部时间轴 @since 0.0.1 @private */ this._recFooter = null, /**
    * 移动端扩展容器, 扩展的控件渲染在指定容器以外， 仅只用端适用， 为了可以放置大的控件和方便开发接入
    * @private
-   */ this._mobileExtend = null, /**  @since 0.0.1 @private */ this._interactiveResult = null, /**  @since 0.0.1 @private */ this._themeData = null, this._fullscreen = null, this.zoomUtil = null, /** 清除屏幕旋转 */ this._cleanupOrientation = null, /**  resizeObserver 监听销毁 */ this._cleanUpResizeObserver = null, /** 容器的宽 */ this._width = 0, /** 容器的高 */ this._height = 0, /** 当前容器的全屏状态  true: 全屏， false: 非全屏 */ this._isCurrentFullscreen = false, /** 屏幕旋转角度 0 ｜ 90 ｜ 180 ｜ 270 */ this._orientationAngle = 0, /** 是否播放中 @private */ this._playing = false, /** 加载中 */ this._loading = false, /** 音量 */ this._volume = 0, /** 静音 */ this._muted = false, /** 电子放大倍数 @private */ this._zoom = 1, /** 放大中  true: 可缩放状态，false: 禁止缩放状态(不能缩放) @private */ this._zooming = false, /** 录制中 @private */ this._recording = false, /** 对讲中 @private */ this._talking = false, /** 倍速 @private */ this._speed = 1, /** 清晰度列表 */ this.videoLevelList = [], /** 回放片段列表 */ this.recordList = [], /** 窗口尺寸变化时，设置窗口超出隐藏，防止出现滚动条 */ this._resizeOverflowTimer = null, /** 清理 header/footer 动画 定时器 @private */ this._onPauseTimingFunc = null, /** 销毁标识  @readonly */ this.destroyed = false, /** 播放地址信息 */ this.urlInfo = null;
+   */ this._mobileExtend = null, /**  @since 0.0.1 @private */ this._interactiveResult = null, /**  @since 0.0.1 @private */ this._themeData = null, this._fullscreen = null, this.zoomUtil = null, /** 清除屏幕旋转 */ this._cleanupOrientation = null, /**  resizeObserver 监听销毁 */ this._cleanUpResizeObserver = null, /** 容器的宽 */ this._width = 0, /** 容器的高 */ this._height = 0, /** 当前容器的全屏状态  true: 全屏， false: 非全屏 */ this._isCurrentFullscreen = false, /** 屏幕旋转角度 0 ｜ 90 ｜ 180 ｜ 270 */ this._orientationAngle = 0, /** 是否播放中 @private */ this._playing = false, /** 加载中 */ this._loading = false, /** 音量 */ this._volume = 0, /** 静音 */ this._muted = false, /** 电子放大倍数 @private */ this._zoom = 1, /** 放大中  true: 可缩放状态，false: 禁止缩放状态(不能缩放) @private */ this._zooming = false, /** 录制中 @private */ this._recording = false, /** 对讲中 @private */ this._talking = false, /** 倍速 @private */ this._speed = 1, /** 倍速 @private */ this._videoLevelAuto = false, /** 清晰度列表 */ this.videoLevelList = [], /** 回放片段列表 */ this.recordList = [], /** 窗口尺寸变化时，设置窗口超出隐藏，防止出现滚动条 */ this._resizeOverflowTimer = null, /** 清理 header/footer 动画 定时器 @private */ this._onPauseTimingFunc = null, /** 销毁标识  @readonly */ this.destroyed = false, /** 播放地址信息 */ this.urlInfo = null;
         this._initOptions(options);
         if (this.options.type === 'ezopen') {
             var _this_urlInfo_searchParams, _this_urlInfo;
@@ -10591,7 +10588,7 @@ const THEME_DEFAULT_OPTIONS = {
     zh,
     en
 };
-/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '0.0.1-alpha.1';
+/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '0.0.1-alpha.3';
 
 exports.Control = Control;
 exports.Fullscreen = Fullscreen;

package/dist/index.mjs

@@ -1,5 +1,5 @@
 /*
-* @ezuikit/player-theme v0.0.1-alpha.1
+* @ezuikit/player-theme v0.0.1-alpha.3
 * Copyright (c) 2025-10-08 Ezviz-OpenBiz
 * Released under the MIT License.
 */
@@ -61,18 +61,6 @@ const THEME_PROPS = [
     'deviceID',
     'deviceName'
 ];
-/**
- * 暂停时能禁用的控件按钮
- */ const PAUSE_DISABLED_BTN = [
-    'capturePicture',
-    'volume',
-    'ptz',
-    'record',
-    'talk',
-    'definition',
-    'speed',
-    'globalFullscreen'
-];
 /**
  * 移动端可以扩展的控件
  * ['ptz', 'talk', 'record', 'capturePicture', 'timeLine', 'rec', 'date'];
@@ -9554,6 +9542,15 @@ const THEME_DEFAULT_OPTIONS = {
             this._playing = playing;
             if (!playing) {
                 this.loading = false;
+                [
+                    'ptz',
+                    'talk',
+                    'record'
+                ].forEach((key)=>{
+                    if (this.controls[`${key}Control`]) {
+                        this.controls[`${key}Control`].reset();
+                    }
+                });
                 this._disabled(true);
             }
             this.emit(EVENTS.play, playing);
@@ -10441,11 +10438,11 @@ const THEME_DEFAULT_OPTIONS = {
    * 禁用按钮
    * @private
    */ _disabled(disabled = true) {
-        PAUSE_DISABLED_BTN.forEach((btn)=>{
-            if (this.controls[`${btn}Control`]) {
-                this.controls[`${btn}Control`].disabled = disabled;
-            }
-        });
+    // PAUSE_DISABLED_BTN.forEach((btn) => {
+    //   if (this.controls[`${btn}Control`]) {
+    //     this.controls[`${btn}Control`].disabled = disabled;
+    //   }
+    // });
     }
     _onDblClickFullscreen() {
         if (this.isCurrentFullscreen) {
@@ -10527,7 +10524,7 @@ const THEME_DEFAULT_OPTIONS = {
    */ this._footerMoreControl = null, /** 头部控件 @since 0.0.1 @private */ this._header = null, /** 低部控件 @since 0.0.1 @private */ this._footer = null, /** 回放底部时间轴 @since 0.0.1 @private */ this._recFooter = null, /**
    * 移动端扩展容器, 扩展的控件渲染在指定容器以外， 仅只用端适用， 为了可以放置大的控件和方便开发接入
    * @private
-   */ this._mobileExtend = null, /**  @since 0.0.1 @private */ this._interactiveResult = null, /**  @since 0.0.1 @private */ this._themeData = null, this._fullscreen = null, this.zoomUtil = null, /** 清除屏幕旋转 */ this._cleanupOrientation = null, /**  resizeObserver 监听销毁 */ this._cleanUpResizeObserver = null, /** 容器的宽 */ this._width = 0, /** 容器的高 */ this._height = 0, /** 当前容器的全屏状态  true: 全屏， false: 非全屏 */ this._isCurrentFullscreen = false, /** 屏幕旋转角度 0 ｜ 90 ｜ 180 ｜ 270 */ this._orientationAngle = 0, /** 是否播放中 @private */ this._playing = false, /** 加载中 */ this._loading = false, /** 音量 */ this._volume = 0, /** 静音 */ this._muted = false, /** 电子放大倍数 @private */ this._zoom = 1, /** 放大中  true: 可缩放状态，false: 禁止缩放状态(不能缩放) @private */ this._zooming = false, /** 录制中 @private */ this._recording = false, /** 对讲中 @private */ this._talking = false, /** 倍速 @private */ this._speed = 1, /** 清晰度列表 */ this.videoLevelList = [], /** 回放片段列表 */ this.recordList = [], /** 窗口尺寸变化时，设置窗口超出隐藏，防止出现滚动条 */ this._resizeOverflowTimer = null, /** 清理 header/footer 动画 定时器 @private */ this._onPauseTimingFunc = null, /** 销毁标识  @readonly */ this.destroyed = false, /** 播放地址信息 */ this.urlInfo = null;
+   */ this._mobileExtend = null, /**  @since 0.0.1 @private */ this._interactiveResult = null, /**  @since 0.0.1 @private */ this._themeData = null, this._fullscreen = null, this.zoomUtil = null, /** 清除屏幕旋转 */ this._cleanupOrientation = null, /**  resizeObserver 监听销毁 */ this._cleanUpResizeObserver = null, /** 容器的宽 */ this._width = 0, /** 容器的高 */ this._height = 0, /** 当前容器的全屏状态  true: 全屏， false: 非全屏 */ this._isCurrentFullscreen = false, /** 屏幕旋转角度 0 ｜ 90 ｜ 180 ｜ 270 */ this._orientationAngle = 0, /** 是否播放中 @private */ this._playing = false, /** 加载中 */ this._loading = false, /** 音量 */ this._volume = 0, /** 静音 */ this._muted = false, /** 电子放大倍数 @private */ this._zoom = 1, /** 放大中  true: 可缩放状态，false: 禁止缩放状态(不能缩放) @private */ this._zooming = false, /** 录制中 @private */ this._recording = false, /** 对讲中 @private */ this._talking = false, /** 倍速 @private */ this._speed = 1, /** 倍速 @private */ this._videoLevelAuto = false, /** 清晰度列表 */ this.videoLevelList = [], /** 回放片段列表 */ this.recordList = [], /** 窗口尺寸变化时，设置窗口超出隐藏，防止出现滚动条 */ this._resizeOverflowTimer = null, /** 清理 header/footer 动画 定时器 @private */ this._onPauseTimingFunc = null, /** 销毁标识  @readonly */ this.destroyed = false, /** 播放地址信息 */ this.urlInfo = null;
         this._initOptions(options);
         if (this.options.type === 'ezopen') {
             var _this_urlInfo_searchParams, _this_urlInfo;
@@ -10587,6 +10584,6 @@ const THEME_DEFAULT_OPTIONS = {
     zh,
     en
 };
-/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '0.0.1-alpha.1';
+/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '0.0.1-alpha.3';
 
 export { Control, Fullscreen, Loading, Message, Play, Poster, Rec, Theme, Utils, Volume, Theme as default };

package/dist/index.umd.js

@@ -1,5 +1,5 @@
 /*
-* @ezuikit/player-theme v0.0.1-alpha.1
+* @ezuikit/player-theme v0.0.1-alpha.3
 * Copyright (c) 2025-10-08 Ezviz-OpenBiz
 * Released under the MIT License.
 */
@@ -412,18 +412,6 @@
 	    'deviceID',
 	    'deviceName'
 	];
-	/**
-	 * 暂停时能禁用的控件按钮
-	 */ var PAUSE_DISABLED_BTN = [
-	    'capturePicture',
-	    'volume',
-	    'ptz',
-	    'record',
-	    'talk',
-	    'definition',
-	    'speed',
-	    'globalFullscreen'
-	];
 	/**
 	 * 移动端可以扩展的控件
 	 * ['ptz', 'talk', 'record', 'capturePicture', 'timeLine', 'rec', 'date'];
@@ -12679,7 +12667,7 @@
 	   */ _this._footerMoreControl = null, /** 头部控件 @since 0.0.1 @private */ _this._header = null, /** 低部控件 @since 0.0.1 @private */ _this._footer = null, /** 回放底部时间轴 @since 0.0.1 @private */ _this._recFooter = null, /**
 	   * 移动端扩展容器, 扩展的控件渲染在指定容器以外， 仅只用端适用， 为了可以放置大的控件和方便开发接入
 	   * @private
-	   */ _this._mobileExtend = null, /**  @since 0.0.1 @private */ _this._interactiveResult = null, /**  @since 0.0.1 @private */ _this._themeData = null, _this._fullscreen = null, _this.zoomUtil = null, /** 清除屏幕旋转 */ _this._cleanupOrientation = null, /**  resizeObserver 监听销毁 */ _this._cleanUpResizeObserver = null, /** 容器的宽 */ _this._width = 0, /** 容器的高 */ _this._height = 0, /** 当前容器的全屏状态  true: 全屏， false: 非全屏 */ _this._isCurrentFullscreen = false, /** 屏幕旋转角度 0 ｜ 90 ｜ 180 ｜ 270 */ _this._orientationAngle = 0, /** 是否播放中 @private */ _this._playing = false, /** 加载中 */ _this._loading = false, /** 音量 */ _this._volume = 0, /** 静音 */ _this._muted = false, /** 电子放大倍数 @private */ _this._zoom = 1, /** 放大中  true: 可缩放状态，false: 禁止缩放状态(不能缩放) @private */ _this._zooming = false, /** 录制中 @private */ _this._recording = false, /** 对讲中 @private */ _this._talking = false, /** 倍速 @private */ _this._speed = 1, /** 清晰度列表 */ _this.videoLevelList = [], /** 回放片段列表 */ _this.recordList = [], /** 窗口尺寸变化时，设置窗口超出隐藏，防止出现滚动条 */ _this._resizeOverflowTimer = null, /** 清理 header/footer 动画 定时器 @private */ _this._onPauseTimingFunc = null, /** 销毁标识  @readonly */ _this.destroyed = false, /** 播放地址信息 */ _this.urlInfo = null;
+	   */ _this._mobileExtend = null, /**  @since 0.0.1 @private */ _this._interactiveResult = null, /**  @since 0.0.1 @private */ _this._themeData = null, _this._fullscreen = null, _this.zoomUtil = null, /** 清除屏幕旋转 */ _this._cleanupOrientation = null, /**  resizeObserver 监听销毁 */ _this._cleanUpResizeObserver = null, /** 容器的宽 */ _this._width = 0, /** 容器的高 */ _this._height = 0, /** 当前容器的全屏状态  true: 全屏， false: 非全屏 */ _this._isCurrentFullscreen = false, /** 屏幕旋转角度 0 ｜ 90 ｜ 180 ｜ 270 */ _this._orientationAngle = 0, /** 是否播放中 @private */ _this._playing = false, /** 加载中 */ _this._loading = false, /** 音量 */ _this._volume = 0, /** 静音 */ _this._muted = false, /** 电子放大倍数 @private */ _this._zoom = 1, /** 放大中  true: 可缩放状态，false: 禁止缩放状态(不能缩放) @private */ _this._zooming = false, /** 录制中 @private */ _this._recording = false, /** 对讲中 @private */ _this._talking = false, /** 倍速 @private */ _this._speed = 1, /** 倍速 @private */ _this._videoLevelAuto = false, /** 清晰度列表 */ _this.videoLevelList = [], /** 回放片段列表 */ _this.recordList = [], /** 窗口尺寸变化时，设置窗口超出隐藏，防止出现滚动条 */ _this._resizeOverflowTimer = null, /** 清理 header/footer 动画 定时器 @private */ _this._onPauseTimingFunc = null, /** 销毁标识  @readonly */ _this.destroyed = false, /** 播放地址信息 */ _this.urlInfo = null;
 	        _this._initOptions(options);
 	        if (_this.options.type === 'ezopen') {
 	            var _this_urlInfo_searchParams, _this_urlInfo;
@@ -13369,13 +13357,11 @@
 	   * 禁用按钮
 	   * @private
 	   */ _proto._disabled = function _disabled(disabled) {
-	        var _this = this;
-	        if (disabled === void 0) disabled = true;
-	        PAUSE_DISABLED_BTN.forEach(function(btn) {
-	            if (_this.controls["" + btn + "Control"]) {
-	                _this.controls["" + btn + "Control"].disabled = disabled;
-	            }
-	        });
+	    // PAUSE_DISABLED_BTN.forEach((btn) => {
+	    //   if (this.controls[`${btn}Control`]) {
+	    //     this.controls[`${btn}Control`].disabled = disabled;
+	    //   }
+	    // });
 	    };
 	    _proto._onDblClickFullscreen = function _onDblClickFullscreen() {
 	        if (this.isCurrentFullscreen) {
@@ -13477,11 +13463,21 @@
 	   * theme.on(Theme.EVENTS.play, (playing: boolean) => {})
 	   * ```
 	   */ function set(playing) {
+	                var _this = this;
 	                if (this._playing !== playing) {
 	                    var _this_controls, _this__pauseControl_show, _this__pauseControl;
 	                    this._playing = playing;
 	                    if (!playing) {
 	                        this.loading = false;
+	                        [
+	                            'ptz',
+	                            'talk',
+	                            'record'
+	                        ].forEach(function(key) {
+	                            if (_this.controls["" + key + "Control"]) {
+	                                _this.controls["" + key + "Control"].reset();
+	                            }
+	                        });
 	                        this._disabled(true);
 	                    }
 	                    this.emit(EVENTS.play, playing);
@@ -13835,7 +13831,7 @@
 	    zh: zh,
 	    en: en
 	};
-	/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '0.0.1-alpha.1';
+	/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '0.0.1-alpha.3';
 
 	// 不要动这里的代码， 这个出口是为了编译成 umd 规范的文件
 

package/dist/style.css

@@ -17,13 +17,13 @@ body.ezplayer-body-mobile-noscroll{background-color:#000!important;height:100vh;
 .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}
 .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)}
 .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)}
-.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}.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}
+.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}
 .ezplayer-select-definition .ezplayer-select-panel{width:100px}.ezplayer-control-definition .ezplayer-select-btn{width:75px}
 
 .ezplayer-control-device{width:100%}.ezplayer-control-device span{display:inline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .ezplayer-pause{bottom:0;color:#fff!important;cursor:pointer!important;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:3}.ezplayer-pause-circle{align-items:center;background-color:rgba(0,0,0,.4);border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;transition:transform .3s ease,opacity 1s ease;width:50px}.ezplayer-pause-circle:hover{opacity:.85}.ezplayer-pause-circle .ezplayer-icon-pause,.ezplayer-pause-circle .ezplayer-icon-play{font-size:32px}.ezplayer-pause-transform .ezplayer-pause-circle{opacity:0;transform:scale(1.1)}
 .ez-ptz-container{background:hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,100%,.8);border-radius:100%;box-shadow:0 0 33px 4px rgba(0,0,0,.15);cursor:pointer;font-size:14px;height:80px;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:80px}.ez-ptz-icon{display:inline-block;height:0;position:absolute;width:0}.ez-ptz-icon.ez-ptz-icon-icon-active{border-bottom-color:#407aff}.ez-ptz-direction-top{border-bottom:8px solid #999;top:2px}.ez-ptz-direction-bottom,.ez-ptz-direction-top{border-left:4px solid transparent;border-right:4px solid transparent;left:calc(50% - 4px)}.ez-ptz-direction-bottom{border-top:8px solid #999;bottom:2px}.ez-ptz-direction-right{border-left:8px solid #999;right:2px}.ez-ptz-direction-left,.ez-ptz-direction-right{border-bottom:4px solid transparent;border-top:4px solid transparent;top:calc(50% - 4px)}.ez-ptz-direction-left{border-right:8px solid #999;left:2px}.ez-ptz-direction-top-left{top:calc(25% - 4px)}.ez-ptz-direction-left-bottom,.ez-ptz-direction-top-left{background:#999;border-radius:50%;height:4px;left:16px;width:4px}.ez-ptz-direction-bottom-right,.ez-ptz-direction-left-bottom{bottom:calc(25% - 4px)}.ez-ptz-direction-bottom-right,.ez-ptz-direction-right-top{background:#999;border-radius:50%;height:4px;right:16px;width:4px}.ez-ptz-direction-right-top{top:calc(25% - 4px)}.ez-ptz-direction-center{background:#407aff;border-radius:100%;height:23px;left:calc(50% - 12.4px);position:absolute;top:calc(50% - 12.4px);width:23px}.ez-ptz-container-wrap{align-items:center;box-sizing:content-box!important;display:flex;flex-direction:column;justify-content:center;width:100%}.ez-ptz-speed-container{width:100%}.ez-ptz-speed-progress-line{background:#fff;display:flex;height:1px;justify-content:space-between;margin:16px 0 8px}.ez-ptz-speed-progress-line-dot{background:#fff;border:2px solid #fff;border-radius:50%;cursor:pointer;height:9px;margin:-3px 0;width:9px}.ez-ptz-speed-progress-line-dot.ez-ptz-speed-active{border-color:#407aff}.ez-ptz-speed-progress-points{display:flex;justify-content:space-between}.ez-ptz-speed-progress-points-fast,.ez-ptz-speed-progress-points-mid,.ez-ptz-speed-progress-points-slow{color:#fff;cursor:pointer}.ez-ptz-btn-container{display:flex;justify-content:space-between;margin-top:14px;width:100%}.ez-ptz-btn-focal,.ez-ptz-btn-zoom{border:1px solid hsla(0,0%,100%,.5);border-radius:10px;box-sizing:content-box;display:flex;height:20px;padding-bottom:0}.ez-ptz-btn-focal-add,.ez-ptz-btn-focal-sub,.ez-ptz-btn-zoom-add,.ez-ptz-btn-zoom-sub{cursor:pointer;height:20px;text-align:center}.ez-ptz-btn-focal-add,.ez-ptz-btn-zoom-add{border-right:1px solid hsla(0,0%,100%,.5)}.ez-mobile-ptz{box-sizing:border-box}.ez-mobile-ptz-content{align-items:center;display:flex;justify-content:center}.ez-mobile-ptz-wrap{background-image:linear-gradient(180deg,#f6f8ff,hsla(0,0%,93%,.42) 50%);border-radius:100%;box-sizing:border-box;display:inline-block;overflow:hidden;padding:24px}.ez-mobile-ptz-container{background:hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,100%,.8);border-radius:100%;box-sizing:border-box;cursor:pointer;height:260px;margin:auto;overflow:hidden;position:relative;width:260px}.ez-mobile-ptz-center{background:#fff;border:2px solid #eee;border-radius:100%;cursor:pointer;height:52px;left:calc(50% - 26px);position:absolute;top:calc(50% - 26px);width:52px}.ez-mobile-ptz-top{border-bottom:6px solid #aaa;border-left:6px solid transparent;border-right:6px solid transparent;cursor:pointer;display:inline-block;height:0;left:calc(50% - 6px);position:absolute;top:10px;width:0}.ez-mobile-ptz-top.ez-mobile-ptz-active{border-bottom-color:#1890ff}.ez-mobile-ptz-left{border-bottom:6px solid transparent;border-right:6px solid #aaa;border-top:6px solid transparent;cursor:pointer;display:inline-block;height:0;left:10px;position:absolute;top:calc(50% - 6px);width:0}.ez-mobile-ptz-left.ez-mobile-ptz-active{border-right-color:#1890ff}.ez-mobile-ptz-bottom{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #aaa;bottom:10px;display:inline-block;height:0;left:calc(50% - 6px);position:absolute;width:0}.ez-mobile-ptz-bottom.ez-mobile-ptz-active{border-top-color:#1890ff}.ez-mobile-ptz-right{border-bottom:6px solid transparent;border-left:6px solid #aaa;border-top:6px solid transparent;display:inline-block;height:0;position:absolute;right:10px;top:calc(50% - 6px);width:0}.ez-mobile-ptz-right.ez-mobile-ptz-active{border-left-color:#1890ff}
-.ezplayer-medium-height .ezplayer-ptz-panel,.ezplayer-mini-height .ezplayer-ptz-panel{padding-bottom:0;padding-top:0;right:0;z-index:22}.ezplayer-medium-height .ezplayer-ptz-panel .ezplayer-ptz-turntable,.ezplayer-mini-height .ezplayer-ptz-panel .ezplayer-ptz-turntable{border-bottom-right-radius:0;border-top-right-radius:0;max-height:none}.ezplayer-mini-height .ez-ptz-btn-container,.ezplayer-mini-height .ez-ptz-speed-container{display:none!important}.ezplayer-ptz-panel{box-sizing:border-box;flex-direction:column;max-width:70%;padding-bottom:var(--ezplayer-footer-height,80px);padding-top:var(--ezplayer-header-height,46px);pointer-events:none;position:absolute;right:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:150px}.ezplayer-ptz-panel,.ezplayer-ptz-panel .ezplayer-ptz-turntable{align-items:center;display:flex;height:100%;justify-content:center}.ezplayer-ptz-panel .ezplayer-ptz-turntable{background-color:var(--ezplayer-panel-bg-color,rgba(0,0,0,.7));border-radius:var(--ezplayer-border-radius,8px);flex:1 1 auto;max-height:283px;padding:20px;pointer-events:auto;width:100%}.ezplayer-mobile .ezplayer-control-ptz,.ezplayer-mobile .ezplayer-ptz-panel{display:none}.ezplayer-mobile.ezplayer-fullscreen .ezplayer-control-ptz,.ezplayer-mobile.ezplayer-fullscreen .ezplayer-ptz-panel{display:inline-flex}.ezplayer-mobile.ezplayer-fullscreen .ezplayer-ptz-panel{padding-bottom:calc(var(--ezplayer-mobile-fullscreen-footer-height, 110px) - 20px);padding-top:var(--ezplayer-mobile-fullscreen-header-height,75px)}.ezplayer-mobile.ezplayer-fullscreen.ezplayer-medium-height .ezplayer-ptz-panel,.ezplayer-mobile.ezplayer-fullscreen.ezplayer-mini-height .ezplayer-ptz-panel{padding-bottom:0;padding-top:0}
+.ezplayer-medium-height .ezplayer-ptz-panel,.ezplayer-mini-height .ezplayer-ptz-panel{padding-bottom:0;padding-top:0;right:0;z-index:22}.ezplayer-medium-height .ezplayer-ptz-panel .ezplayer-ptz-turntable,.ezplayer-mini-height .ezplayer-ptz-panel .ezplayer-ptz-turntable{border-bottom-right-radius:0;border-top-right-radius:0;max-height:none}.ezplayer-mini-height .ez-ptz-btn-container,.ezplayer-mini-height .ez-ptz-speed-container{display:none!important}.ezplayer-ptz-panel{box-sizing:border-box;flex-direction:column;max-width:70%;padding-bottom:var(--ezplayer-footer-height,80px);padding-top:var(--ezplayer-header-height,46px);pointer-events:none;position:absolute;right:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:150px;z-index:3}.ezplayer-ptz-panel,.ezplayer-ptz-panel .ezplayer-ptz-turntable{align-items:center;display:flex;height:100%;justify-content:center}.ezplayer-ptz-panel .ezplayer-ptz-turntable{background-color:var(--ezplayer-panel-bg-color,rgba(0,0,0,.7));border-radius:var(--ezplayer-border-radius,8px);flex:1 1 auto;max-height:283px;padding:20px;pointer-events:auto;width:100%}.ezplayer-mobile .ezplayer-control-ptz,.ezplayer-mobile .ezplayer-ptz-panel{display:none}.ezplayer-mobile.ezplayer-fullscreen .ezplayer-control-ptz,.ezplayer-mobile.ezplayer-fullscreen .ezplayer-ptz-panel{display:inline-flex}.ezplayer-mobile.ezplayer-fullscreen .ezplayer-ptz-panel{padding-bottom:calc(var(--ezplayer-mobile-fullscreen-footer-height, 110px) - 20px);padding-top:var(--ezplayer-mobile-fullscreen-header-height,75px)}.ezplayer-mobile.ezplayer-fullscreen.ezplayer-medium-height .ezplayer-ptz-panel,.ezplayer-mobile.ezplayer-fullscreen.ezplayer-mini-height .ezplayer-ptz-panel{padding-bottom:0;padding-top:0}
 
 .ez-time-line-container{box-sizing:border-box;height:300px;margin-top:20px;position:relative;text-align:left}.ez-time-line-item-container{box-sizing:border-box;display:inline-block;height:300px;overflow-x:hidden;overflow-y:scroll;position:relative;white-space:nowrap;width:30%}.ez-time-line-item-container::-webkit-scrollbar{height:0;width:0}.ez-time-line-time-scale-area{border-right:6px solid #ddd;box-sizing:border-box;color:#969696;font-size:12px;height:60px;position:relative}.ez-time-line-time-scale{border-bottom:1px solid #ccc;box-sizing:border-box;clear:both;float:right;height:10px;width:6px}.ez-time-line-time-label{height:14px;left:40%;line-height:14px;position:relative;top:53px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ez-time-line-time-unavail{background-color:#ddd;box-sizing:border-box;left:100%;position:absolute;width:6px}.ez-time-line-current{border-bottom:1px solid #648ffc;box-sizing:border-box;height:29px;left:0;margin-left:26%;position:absolute;top:40px;width:60%;z-index:1}.ez-time-line-current-value{color:#2c2c2c;font-size:12px;height:29px;left:-70px;line-height:29px;pointer-events:none;position:relative;top:15px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100px}.ez-time-line-current-value:before{background:#648ffc;border-radius:100%;content:"";display:inline-block;height:6px;position:absolute;right:30px;top:11px;width:6px}
 .ezplayer-mobile-extend .ezplayer-mobile-date-filter{align-items:center;background:#f4f6fc;border:1px solid #ededed;border-radius:8px;box-sizing:border-box;color:#2c2c2c;display:inline-flex;font-family:PingFang SC;font-size:16px;font-weight:500;height:36px;justify-content:center;letter-spacing:0;line-height:20px;padding:6px 10px}.ezplayer-mobile-extend .ezplayer-mobile-date-filter-value{margin-right:5px}.ezplayer-mobile-extend .ezplayer-icon-filter{font-size:20px}

package/dist/style.js

@@ -1,5 +1,5 @@
 /*
-* @ezuikit/player-theme v0.0.1-alpha.1
+* @ezuikit/player-theme v0.0.1-alpha.3
 * Copyright (c) 2025-10-08 Ezviz-OpenBiz
 * Released under the MIT License.
 */

package/dist/types/index.d.ts

@@ -1490,10 +1490,9 @@ declare class Theme extends EventEmitter {
             DEVICE_NOT_SUPPORT_3D_ZOOM: string;
             '3D_ZOOM_ACTIVED': string;
             '3D_ZOOM_NOT_ACTIVED': string; /** 倍速 @private */
-            '3D_ZOOM_CLOSED': string; /** 清晰度列表 */
+            '3D_ZOOM_CLOSED': string; /** 倍速 @private */
             CHANGE_ZOOM_TYPE: string;
             FULLSCREEN: string;
-            /** 回放片段列表 */
             FULLSCREEN_EXIT: string;
             GET_WEB_FULLSCREEN_STATUS: string;
             WEB_FULLSCREEN: string;
@@ -1644,11 +1643,11 @@ declare class Theme extends EventEmitter {
             396505: string;
             396506: string;
             396508: string;
-            /** 清晰度列表 */
+            /** 倍速 @private */
             396509: string;
             396510: string;
             396511: string;
-            396512: string; /** 销毁标识  @readonly */
+            396512: string;
             396513: string;
             396514: string;
             396515: string;
@@ -1680,12 +1679,7 @@ declare class Theme extends EventEmitter {
             3820006: string;
             3820007: string;
             3820008: string;
-            3820014: string; /**
-             * 容器的高(单位 px)
-             * ```ts
-             * theme.height // number
-             * ```
-             */
+            3820014: string;
             3820032: string;
             3849999: string;
             3860000: string;
@@ -1703,12 +1697,6 @@ declare class Theme extends EventEmitter {
             TIMEFORMAT_ERROR: string;
             USE_MULTITHREADING_WARING: string;
             OPEN_INSTRUCTIONS: string;
-            /**
-             * 加载中
-             * ```ts
-             * theme.loading // boolean
-             * ```
-             */
             INIT_FINSHED: string;
             INIT_SUCCESS: string;
             GET_PLAYURL_FAILED: string;
@@ -1740,7 +1728,10 @@ declare class Theme extends EventEmitter {
             CALL_END: string;
             USER_DO_NOT_OWN_DEVICE: string;
             NO_CLOUD_RECORD: string;
-            CHANGE_VIDEO_LEVEL: string;
+            CHANGE_VIDEO_LEVEL: string; /**
+             * 静音
+             *
+             */
             CHANGE_VIDEO_LEVEL_FAIL: string;
             GET_VIDEO_LEVEL_LIST: string;
             PLEASE_INPUT_RIGHT_VIDEO_LEVEL: string;
@@ -1751,9 +1742,7 @@ declare class Theme extends EventEmitter {
             VIDEO_LEVEL_HEIGH: string;
             VIDEO_LEVEL_SUPER: string;
             VIDEO_LEVEL_EXTREME: string;
-            VIDEO_LEVEL_3K: string; /**
-             * 是否在缩放中
-             */
+            VIDEO_LEVEL_3K: string;
             VIDEO_LEVEL_4k: string;
             RESET_THEME: string;
             BTN_PLAY: string;
@@ -1769,16 +1758,7 @@ declare class Theme extends EventEmitter {
             BTN_GLOBAL_FULLSCREEN: string;
             BTN_EXIT_GLOBAL_FULLSCREEN: string;
             BTN_FULLSCREEN: string;
-            BTN_EXIR_FULLSCREEN: string; /**
-             * 电子放大倍数， 仅 ezopen 支持
-             * @since 0.0.1
-             * @example
-             * ```ts
-             * theme.zoom // 放大倍数
-             * // 事件监听
-             * theme.on(Theme.EVENTS.zoom, (zoom: number) => {})
-             * ```
-             */
+            BTN_EXIR_FULLSCREEN: string;
             BTN_EXPEND: string;
             BTN_WEBEXPEND: string;
             BTN_HD: string;
@@ -1823,6 +1803,9 @@ declare class Theme extends EventEmitter {
             CHANGE_ZOOM_TYPE: string;
             FULLSCREEN: string;
             FULLSCREEN_EXIT: string;
+            /**
+             * 倍速
+             */
             GET_WEB_FULLSCREEN_STATUS: string;
             WEB_FULLSCREEN: string;
             WEB_FULLSCREEN_EXIT: string;
@@ -1839,6 +1822,9 @@ declare class Theme extends EventEmitter {
             PTZ_SPEED: string;
             DEVICE_ZOOM: string;
             DEVICE_FOCUS: string;
+            /**
+             * 清晰度自动
+             */
             NOT_SUPPORT_DEVICE_ZOOM: string;
             NOT_SUPPORT_FOCUS: string;
             MIRROR: string;
@@ -1954,6 +1940,8 @@ declare class Theme extends EventEmitter {
     _talking: boolean;
     /** 倍速 @private */
     _speed: number;
+    /** 倍速 @private */
+    _videoLevelAuto: boolean;
     /** 清晰度列表 */
     videoLevelList: DefinitionItem[];
     /** 回放片段列表 */
@@ -2102,7 +2090,7 @@ declare class Theme extends EventEmitter {
     /**
      * 清晰度自动
      */
-    get videoLevelAuto(): any;
+    get videoLevelAuto(): boolean;
     /**
      * 当前容器的全屏状态  true: 全屏， false: 非全屏 ， 如果想获取当前浏览器是否全屏，请使用 document.fullscreenElement 判断
      * @since 0.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ezuikit/player-theme",
-  "version": "0.0.1-alpha.1",
+  "version": "0.0.1-alpha.3",
   "description": "player theme",
   "title": "theme",
   "main": "dist/index.js",