@ezuikit/player-theme 0.0.1-alpha.5 → 0.0.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.
Files changed (5) hide show
  1. package/dist/index.js +21 -10
  2. package/dist/index.mjs +21 -10
  3. package/dist/index.umd.js +21 -10
  4. package/dist/style.js +2 -2
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /*
2
- * @ezuikit/player-theme v0.0.1-alpha.5
3
- * Copyright (c) 2025-10-09 Ezviz-OpenBiz
2
+ * @ezuikit/player-theme v0.0.1-beta.1
3
+ * Copyright (c) 2025-10-17 Ezviz-OpenBiz
4
4
  * Released under the MIT License.
5
5
  */
6
6
  'use strict';
@@ -6799,12 +6799,14 @@ function __filter(list, locale = {}) {
6799
6799
  controlType: 'button',
6800
6800
  classNameSuffix: 'definition',
6801
6801
  renderLabel: (label, item, list)=>{
6802
+ var _list_;
6802
6803
  if ((item == null ? void 0 : item.level) === 'auto') {
6803
6804
  var _options_locales_options_language;
6804
- const realIitem = list.find((it)=>it.level === this._level);
6805
- return `<span>${options == null ? void 0 : (_options_locales_options_language = options.locales[options.language]) == null ? void 0 : _options_locales_options_language.VIDEO_LEVEL_AUTO}(${(realIitem == null ? void 0 : realIitem.name) || ''})</span>`;
6805
+ const realItem = list.find((it)=>it.level === this._level);
6806
+ return `<span>${options == null ? void 0 : (_options_locales_options_language = options.locales[options.language]) == null ? void 0 : _options_locales_options_language.VIDEO_LEVEL_AUTO}(${(realItem == null ? void 0 : realItem.name) || ''})</span>`;
6806
6807
  }
6807
- return `<span>${label}</span>`;
6808
+ // 如果 label 不存在，则不显示label，直接显示list的第一个label， 一般自定义清晰度列表可能会出现
6809
+ return `<span>${label || ((_list_ = list[0]) == null ? void 0 : _list_.name) || ''}</span>`;
6808
6810
  },
6809
6811
  onChange: (value, item)=>{
6810
6812
  var _options_onChange;
@@ -6831,9 +6833,9 @@ function __filter(list, locale = {}) {
6831
6833
  this._level = realLevel + '';
6832
6834
  if (l === 'auto') {
6833
6835
  var _options_locales_options_language;
6834
- const realIitem = this.list.find((it)=>it.level === this._level);
6836
+ const realItem = this.list.find((it)=>it.level === this._level);
6835
6837
  this.$container.querySelector(`.${PREFIX_CLASS}-select-btn`).innerHTML = `
6836
- <span>${options == null ? void 0 : (_options_locales_options_language = options.locales[options.language]) == null ? void 0 : _options_locales_options_language.VIDEO_LEVEL_AUTO}(${(realIitem == null ? void 0 : realIitem.name) || ''})</span>
6838
+ <span>${options == null ? void 0 : (_options_locales_options_language = options.locales[options.language]) == null ? void 0 : _options_locales_options_language.VIDEO_LEVEL_AUTO}(${(realItem == null ? void 0 : realItem.name) || ''})</span>
6837
6839
  `;
6838
6840
  } else {
6839
6841
  if (this.value !== this._level + '') this.value = this._level + '';
@@ -10019,7 +10021,7 @@ const THEME_DEFAULT_OPTIONS = {
10019
10021
  // 私有方法
10020
10022
  // ==============================================================================================
10021
10023
  /** 初始化配置项 */ _initOptions(options = {}) {
10022
- var _this_options_loggerOptions;
10024
+ var _this_options_loggerOptions, _this_options_definitionOptions_list, _this_options_definitionOptions, _this_options_videoLevelList;
10023
10025
  this.options = deepmerge(THEME_DEFAULT_OPTIONS, options, {
10024
10026
  clone: false
10025
10027
  });
@@ -10033,7 +10035,7 @@ const THEME_DEFAULT_OPTIONS = {
10033
10035
  }
10034
10036
  if (!this.$container) throw new Error('container option is required!');
10035
10037
  if ([
10036
- 'VIDOE',
10038
+ 'VIDEO',
10037
10039
  'CANVAS'
10038
10040
  ].includes(this.$container.tagName)) {
10039
10041
  throw new Error('container node cannot be video or canvas!');
@@ -10044,6 +10046,10 @@ const THEME_DEFAULT_OPTIONS = {
10044
10046
  }));
10045
10047
  this.logger.log(navigator.userAgent || 'unknown');
10046
10048
  this.logger.log('[Theme Version] ', Theme.THEME_VERSION);
10049
+ if ('container' in this.options) {
10050
+ // JSON 不能序列化dom节点, 不要使用 this.options.container, 请使用 this.container
10051
+ delete this.options.container;
10052
+ }
10047
10053
  this.logger.log(JSON.stringify(this.options));
10048
10054
  const language = this.options.language || 'zh';
10049
10055
  const locales = deepmerge({
@@ -10056,6 +10062,11 @@ const THEME_DEFAULT_OPTIONS = {
10056
10062
  this.i18n = new I18n(locales, {
10057
10063
  defaultLocale: language
10058
10064
  });
10065
+ // 默认清晰度列表
10066
+ if (((_this_options_definitionOptions = this.options.definitionOptions) == null ? void 0 : (_this_options_definitionOptions_list = _this_options_definitionOptions.list) == null ? void 0 : _this_options_definitionOptions_list.length) > 0 || ((_this_options_videoLevelList = this.options.videoLevelList) == null ? void 0 : _this_options_videoLevelList.length) > 0) {
10067
+ var _this_options_definitionOptions1;
10068
+ this.videoLevelList = ((_this_options_definitionOptions1 = this.options.definitionOptions) == null ? void 0 : _this_options_definitionOptions1.list) || this.options.videoLevelList;
10069
+ }
10059
10070
  }
10060
10071
  /**
10061
10072
  * 初始化设置类名和设置宽高
@@ -10605,7 +10616,7 @@ const THEME_DEFAULT_OPTIONS = {
10605
10616
  zh,
10606
10617
  en
10607
10618
  };
10608
- /** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '0.0.1-alpha.5';
10619
+ /** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '0.0.1-beta.1';
10609
10620
 
10610
10621
  exports.Control = Control;
10611
10622
  exports.Fullscreen = Fullscreen;
package/dist/index.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  /*
2
- * @ezuikit/player-theme v0.0.1-alpha.5
3
- * Copyright (c) 2025-10-09 Ezviz-OpenBiz
2
+ * @ezuikit/player-theme v0.0.1-beta.1
3
+ * Copyright (c) 2025-10-17 Ezviz-OpenBiz
4
4
  * Released under the MIT License.
5
5
  */
6
6
  import EventEmitter from 'eventemitter3';
@@ -6795,12 +6795,14 @@ function __filter(list, locale = {}) {
6795
6795
  controlType: 'button',
6796
6796
  classNameSuffix: 'definition',
6797
6797
  renderLabel: (label, item, list)=>{
6798
+ var _list_;
6798
6799
  if ((item == null ? void 0 : item.level) === 'auto') {
6799
6800
  var _options_locales_options_language;
6800
- const realIitem = list.find((it)=>it.level === this._level);
6801
- return `<span>${options == null ? void 0 : (_options_locales_options_language = options.locales[options.language]) == null ? void 0 : _options_locales_options_language.VIDEO_LEVEL_AUTO}(${(realIitem == null ? void 0 : realIitem.name) || ''})</span>`;
6801
+ const realItem = list.find((it)=>it.level === this._level);
6802
+ return `<span>${options == null ? void 0 : (_options_locales_options_language = options.locales[options.language]) == null ? void 0 : _options_locales_options_language.VIDEO_LEVEL_AUTO}(${(realItem == null ? void 0 : realItem.name) || ''})</span>`;
6802
6803
  }
6803
- return `<span>${label}</span>`;
6804
+ // 如果 label 不存在，则不显示label，直接显示list的第一个label， 一般自定义清晰度列表可能会出现
6805
+ return `<span>${label || ((_list_ = list[0]) == null ? void 0 : _list_.name) || ''}</span>`;
6804
6806
  },
6805
6807
  onChange: (value, item)=>{
6806
6808
  var _options_onChange;
@@ -6827,9 +6829,9 @@ function __filter(list, locale = {}) {
6827
6829
  this._level = realLevel + '';
6828
6830
  if (l === 'auto') {
6829
6831
  var _options_locales_options_language;
6830
- const realIitem = this.list.find((it)=>it.level === this._level);
6832
+ const realItem = this.list.find((it)=>it.level === this._level);
6831
6833
  this.$container.querySelector(`.${PREFIX_CLASS}-select-btn`).innerHTML = `
6832
- <span>${options == null ? void 0 : (_options_locales_options_language = options.locales[options.language]) == null ? void 0 : _options_locales_options_language.VIDEO_LEVEL_AUTO}(${(realIitem == null ? void 0 : realIitem.name) || ''})</span>
6834
+ <span>${options == null ? void 0 : (_options_locales_options_language = options.locales[options.language]) == null ? void 0 : _options_locales_options_language.VIDEO_LEVEL_AUTO}(${(realItem == null ? void 0 : realItem.name) || ''})</span>
6833
6835
  `;
6834
6836
  } else {
6835
6837
  if (this.value !== this._level + '') this.value = this._level + '';
@@ -10015,7 +10017,7 @@ const THEME_DEFAULT_OPTIONS = {
10015
10017
  // 私有方法
10016
10018
  // ==============================================================================================
10017
10019
  /** 初始化配置项 */ _initOptions(options = {}) {
10018
- var _this_options_loggerOptions;
10020
+ var _this_options_loggerOptions, _this_options_definitionOptions_list, _this_options_definitionOptions, _this_options_videoLevelList;
10019
10021
  this.options = deepmerge(THEME_DEFAULT_OPTIONS, options, {
10020
10022
  clone: false
10021
10023
  });
@@ -10029,7 +10031,7 @@ const THEME_DEFAULT_OPTIONS = {
10029
10031
  }
10030
10032
  if (!this.$container) throw new Error('container option is required!');
10031
10033
  if ([
10032
- 'VIDOE',
10034
+ 'VIDEO',
10033
10035
  'CANVAS'
10034
10036
  ].includes(this.$container.tagName)) {
10035
10037
  throw new Error('container node cannot be video or canvas!');
@@ -10040,6 +10042,10 @@ const THEME_DEFAULT_OPTIONS = {
10040
10042
  }));
10041
10043
  this.logger.log(navigator.userAgent || 'unknown');
10042
10044
  this.logger.log('[Theme Version] ', Theme.THEME_VERSION);
10045
+ if ('container' in this.options) {
10046
+ // JSON 不能序列化dom节点, 不要使用 this.options.container, 请使用 this.container
10047
+ delete this.options.container;
10048
+ }
10043
10049
  this.logger.log(JSON.stringify(this.options));
10044
10050
  const language = this.options.language || 'zh';
10045
10051
  const locales = deepmerge({
@@ -10052,6 +10058,11 @@ const THEME_DEFAULT_OPTIONS = {
10052
10058
  this.i18n = new I18n(locales, {
10053
10059
  defaultLocale: language
10054
10060
  });
10061
+ // 默认清晰度列表
10062
+ if (((_this_options_definitionOptions = this.options.definitionOptions) == null ? void 0 : (_this_options_definitionOptions_list = _this_options_definitionOptions.list) == null ? void 0 : _this_options_definitionOptions_list.length) > 0 || ((_this_options_videoLevelList = this.options.videoLevelList) == null ? void 0 : _this_options_videoLevelList.length) > 0) {
10063
+ var _this_options_definitionOptions1;
10064
+ this.videoLevelList = ((_this_options_definitionOptions1 = this.options.definitionOptions) == null ? void 0 : _this_options_definitionOptions1.list) || this.options.videoLevelList;
10065
+ }
10055
10066
  }
10056
10067
  /**
10057
10068
  * 初始化设置类名和设置宽高
@@ -10601,6 +10612,6 @@ const THEME_DEFAULT_OPTIONS = {
10601
10612
  zh,
10602
10613
  en
10603
10614
  };
10604
- /** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '0.0.1-alpha.5';
10615
+ /** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '0.0.1-beta.1';
10605
10616
 
10606
10617
  export { Control, Fullscreen, Loading, Message, Play, Poster, Rec, Theme, Utils, Volume, Theme as default };
package/dist/index.umd.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /*
2
- * @ezuikit/player-theme v0.0.1-alpha.5
3
- * Copyright (c) 2025-10-09 Ezviz-OpenBiz
2
+ * @ezuikit/player-theme v0.0.1-beta.1
3
+ * Copyright (c) 2025-10-17 Ezviz-OpenBiz
4
4
  * Released under the MIT License.
5
5
  */
6
6
  (function (global, factory) {
@@ -9416,14 +9416,16 @@
9416
9416
  controlType: 'button',
9417
9417
  classNameSuffix: 'definition',
9418
9418
  renderLabel: function(label, item, list) {
9419
+ var _list_;
9419
9420
  if ((item == null ? void 0 : item.level) === 'auto') {
9420
9421
  var _options_locales_options_language;
9421
- var realIitem = list.find(function(it) {
9422
+ var realItem = list.find(function(it) {
9422
9423
  return it.level === _assert_this_initialized$1(_this)._level;
9423
9424
  });
9424
- return "<span>" + (options == null ? void 0 : (_options_locales_options_language = options.locales[options.language]) == null ? void 0 : _options_locales_options_language.VIDEO_LEVEL_AUTO) + "(" + ((realIitem == null ? void 0 : realIitem.name) || '') + ")</span>";
9425
+ return "<span>" + (options == null ? void 0 : (_options_locales_options_language = options.locales[options.language]) == null ? void 0 : _options_locales_options_language.VIDEO_LEVEL_AUTO) + "(" + ((realItem == null ? void 0 : realItem.name) || '') + ")</span>";
9425
9426
  }
9426
- return "<span>" + label + "</span>";
9427
+ // 如果 label 不存在，则不显示label，直接显示list的第一个label， 一般自定义清晰度列表可能会出现
9428
+ return "<span>" + (label || ((_list_ = list[0]) == null ? void 0 : _list_.name) || '') + "</span>";
9427
9429
  },
9428
9430
  onChange: function(value, item) {
9429
9431
  var _options_onChange;
@@ -9450,10 +9452,10 @@
9450
9452
  _this._level = realLevel + '';
9451
9453
  if (l === 'auto') {
9452
9454
  var _options_locales_options_language;
9453
- var realIitem = _this.list.find(function(it) {
9455
+ var realItem = _this.list.find(function(it) {
9454
9456
  return it.level === _this._level;
9455
9457
  });
9456
- _this.$container.querySelector("." + PREFIX_CLASS + "-select-btn").innerHTML = "\n <span>" + (options == null ? void 0 : (_options_locales_options_language = options.locales[options.language]) == null ? void 0 : _options_locales_options_language.VIDEO_LEVEL_AUTO) + "(" + ((realIitem == null ? void 0 : realIitem.name) || '') + ")</span>\n ";
9458
+ _this.$container.querySelector("." + PREFIX_CLASS + "-select-btn").innerHTML = "\n <span>" + (options == null ? void 0 : (_options_locales_options_language = options.locales[options.language]) == null ? void 0 : _options_locales_options_language.VIDEO_LEVEL_AUTO) + "(" + ((realItem == null ? void 0 : realItem.name) || '') + ")</span>\n ";
9457
9459
  } else {
9458
9460
  if (_this.value !== _this._level + '') _this.value = _this._level + '';
9459
9461
  }
@@ -12919,7 +12921,7 @@
12919
12921
  // ==============================================================================================
12920
12922
  /** 初始化配置项 */ _proto._initOptions = function _initOptions(options) {
12921
12923
  if (options === void 0) options = {};
12922
- var _this_options_loggerOptions;
12924
+ var _this_options_loggerOptions, _this_options_definitionOptions_list, _this_options_definitionOptions, _this_options_videoLevelList;
12923
12925
  this.options = deepmerge(THEME_DEFAULT_OPTIONS, options, {
12924
12926
  clone: false
12925
12927
  });
@@ -12933,7 +12935,7 @@
12933
12935
  }
12934
12936
  if (!this.$container) throw new Error('container option is required!');
12935
12937
  if ([
12936
- 'VIDOE',
12938
+ 'VIDEO',
12937
12939
  'CANVAS'
12938
12940
  ].includes(this.$container.tagName)) {
12939
12941
  throw new Error('container node cannot be video or canvas!');
@@ -12944,6 +12946,10 @@
12944
12946
  }));
12945
12947
  this.logger.log(navigator.userAgent || 'unknown');
12946
12948
  this.logger.log('[Theme Version] ', Theme.THEME_VERSION);
12949
+ if ('container' in this.options) {
12950
+ // JSON 不能序列化dom节点, 不要使用 this.options.container, 请使用 this.container
12951
+ delete this.options.container;
12952
+ }
12947
12953
  this.logger.log(JSON.stringify(this.options));
12948
12954
  var language = this.options.language || 'zh';
12949
12955
  var locales = deepmerge({
@@ -12956,6 +12962,11 @@
12956
12962
  this.i18n = new I18n(locales, {
12957
12963
  defaultLocale: language
12958
12964
  });
12965
+ // 默认清晰度列表
12966
+ if (((_this_options_definitionOptions = this.options.definitionOptions) == null ? void 0 : (_this_options_definitionOptions_list = _this_options_definitionOptions.list) == null ? void 0 : _this_options_definitionOptions_list.length) > 0 || ((_this_options_videoLevelList = this.options.videoLevelList) == null ? void 0 : _this_options_videoLevelList.length) > 0) {
12967
+ var _this_options_definitionOptions1;
12968
+ this.videoLevelList = ((_this_options_definitionOptions1 = this.options.definitionOptions) == null ? void 0 : _this_options_definitionOptions1.list) || this.options.videoLevelList;
12969
+ }
12959
12970
  };
12960
12971
  /**
12961
12972
  * 初始化设置类名和设置宽高
@@ -13850,7 +13861,7 @@
13850
13861
  zh: zh,
13851
13862
  en: en
13852
13863
  };
13853
- /** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '0.0.1-alpha.5';
13864
+ /** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '0.0.1-beta.1';
13854
13865
 
13855
13866
  // 不要动这里的代码， 这个出口是为了编译成 umd 规范的文件
13856
13867
 
package/dist/style.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /*
2
- * @ezuikit/player-theme v0.0.1-alpha.5
3
- * Copyright (c) 2025-10-09 Ezviz-OpenBiz
2
+ * @ezuikit/player-theme v0.0.1-beta.1
3
+ * Copyright (c) 2025-10-17 Ezviz-OpenBiz
4
4
  * Released under the MIT License.
5
5
  */
6
6
  require("./style.css");
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ezuikit/player-theme",
3
- "version": "0.0.1-alpha.5",
3
+ "version": "0.0.1-beta.1",
4
4
  "description": "player theme",
5
5
  "title": "theme",
6
6
  "main": "dist/index.js",