@ezuikit/player-theme 3.1.2-beta.1 → 3.1.2-beta.3
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/constant.js +2 -2
- package/dist/index.cjs +112 -30
- package/dist/index.esm.js +112 -30
- package/dist/index.umd.js +112 -30
- package/dist/style.css +1 -1
- package/dist/style.js +2 -2
- package/dist/types/index.d.ts +339 -46
- package/package.json +3 -2
package/dist/index.umd.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* @ezuikit/player-theme v3.1.2-beta.
|
|
3
|
-
* Copyright (c) 2026-08-
|
|
2
|
+
* @ezuikit/player-theme v3.1.2-beta.3
|
|
3
|
+
* Copyright (c) 2026-08-14 08:18:55 Ezviz-OpenBiz
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
6
6
|
(function (global, factory) {
|
|
@@ -5765,6 +5765,7 @@
|
|
|
5765
5765
|
var // rerender 画面
|
|
5766
5766
|
_theme_contentControl_emit, _theme_contentControl;
|
|
5767
5767
|
(_theme_contentControl = theme.contentControl) == null ? void 0 : (_theme_contentControl_emit = _theme_contentControl.emit) == null ? void 0 : _theme_contentControl_emit.call(_theme_contentControl, EVENTS$2.videoInfo, info.width, info.height);
|
|
5768
|
+
theme._videoInfo = info;
|
|
5768
5769
|
}
|
|
5769
5770
|
});
|
|
5770
5771
|
theme == null ? void 0 : theme.on(EVENTS$2.resize, function() {
|
|
@@ -8642,6 +8643,7 @@
|
|
|
8642
8643
|
_inherits$f(AIChat, Control);
|
|
8643
8644
|
function AIChat(options) {
|
|
8644
8645
|
var _this;
|
|
8646
|
+
var _options_urlInfo_searchParams, _options_urlInfo, _options_urlInfo1;
|
|
8645
8647
|
_this = Control.call(this, _extends$h({}, options, {
|
|
8646
8648
|
tagName: 'span',
|
|
8647
8649
|
controlType: 'button',
|
|
@@ -8655,7 +8657,7 @@
|
|
|
8655
8657
|
_this._render();
|
|
8656
8658
|
}
|
|
8657
8659
|
});
|
|
8658
|
-
if (options.urlInfo.searchParams.busType !== '7' && options.urlInfo.recType === 'cloud' && options.sdkType === 'base') {
|
|
8660
|
+
if (((_options_urlInfo = options.urlInfo) == null ? void 0 : (_options_urlInfo_searchParams = _options_urlInfo.searchParams) == null ? void 0 : _options_urlInfo_searchParams.busType) !== '7' && ((_options_urlInfo1 = options.urlInfo) == null ? void 0 : _options_urlInfo1.recType) === 'cloud' && options.sdkType === 'base') {
|
|
8659
8661
|
_this.$container.style.removeProperty('display');
|
|
8660
8662
|
} else {
|
|
8661
8663
|
_this.$container.style.display = 'none';
|
|
@@ -11794,7 +11796,7 @@
|
|
|
11794
11796
|
if (theme.options.deviceOptions !== null) {
|
|
11795
11797
|
var _theme_controls;
|
|
11796
11798
|
if (!((_theme_controls = theme.controls) == null ? void 0 : _theme_controls["deviceControl"])) {
|
|
11797
|
-
var _theme_options;
|
|
11799
|
+
var _theme_urlInfo, _theme_urlInfo1, _theme_options;
|
|
11798
11800
|
// eslint-disable-next-line @typescript-eslint/dot-notation, new-cap, @typescript-eslint/no-unsafe-argument
|
|
11799
11801
|
theme.controls["deviceControl"] = new Controls["device"](_extends$1({
|
|
11800
11802
|
rootContainer: theme.$container,
|
|
@@ -11805,8 +11807,8 @@
|
|
|
11805
11807
|
language: theme.options.language,
|
|
11806
11808
|
locales: theme.i18n.translations,
|
|
11807
11809
|
type: theme.options.type,
|
|
11808
|
-
deviceSerial: theme.urlInfo.deviceSerial,
|
|
11809
|
-
channelNo: theme.urlInfo.channelNo
|
|
11810
|
+
deviceSerial: (_theme_urlInfo = theme.urlInfo) == null ? void 0 : _theme_urlInfo.deviceSerial,
|
|
11811
|
+
channelNo: (_theme_urlInfo1 = theme.urlInfo) == null ? void 0 : _theme_urlInfo1.channelNo
|
|
11810
11812
|
}, ((_theme_options = theme.options) == null ? void 0 : _theme_options["deviceOptions"]) || {}, {
|
|
11811
11813
|
props: props
|
|
11812
11814
|
}));
|
|
@@ -11817,7 +11819,7 @@
|
|
|
11817
11819
|
// footer
|
|
11818
11820
|
if (Controls[item.iconId]) {
|
|
11819
11821
|
if (theme.options["" + item.iconId + "Options"] !== null) {
|
|
11820
|
-
var _theme_options1;
|
|
11822
|
+
var _theme_urlInfo2, _theme_urlInfo3, _theme_options1;
|
|
11821
11823
|
// eslint-disable-next-line @typescript-eslint/no-unsafe-argument
|
|
11822
11824
|
theme.controls["" + item.iconId + "Control"] = new Controls[item.iconId](_extends$1({
|
|
11823
11825
|
rootContainer: theme.$container,
|
|
@@ -11830,8 +11832,8 @@
|
|
|
11830
11832
|
env: theme.options.env,
|
|
11831
11833
|
accessToken: theme.options.accessToken,
|
|
11832
11834
|
token: theme.options.token,
|
|
11833
|
-
deviceSerial: theme.urlInfo.deviceSerial,
|
|
11834
|
-
channelNo: theme.urlInfo.channelNo,
|
|
11835
|
+
deviceSerial: (_theme_urlInfo2 = theme.urlInfo) == null ? void 0 : _theme_urlInfo2.deviceSerial,
|
|
11836
|
+
channelNo: (_theme_urlInfo3 = theme.urlInfo) == null ? void 0 : _theme_urlInfo3.channelNo,
|
|
11835
11837
|
urlInfo: theme.urlInfo
|
|
11836
11838
|
} : {}, {
|
|
11837
11839
|
PLAY_TYPE: theme.options.type,
|
|
@@ -12077,7 +12079,7 @@
|
|
|
12077
12079
|
var _renderTimeLine = function(theme, container, props) {
|
|
12078
12080
|
if (props === void 0) props = {};
|
|
12079
12081
|
if (!theme.controls.timeLineControl && theme.options.timeLineOptions !== null) {
|
|
12080
|
-
var _theme_urlInfo, _theme_options, _theme_options1, _this, _theme_options2;
|
|
12082
|
+
var _theme_urlInfo, _theme_urlInfo1, _theme_options, _theme_options1, _this, _theme_options2;
|
|
12081
12083
|
var _showSectionIcon;
|
|
12082
12084
|
// eslint-disable-next-line @typescript-eslint/no-unsafe-argument
|
|
12083
12085
|
theme.controls.timeLineControl = new Controls['timeLine'](_extends$1({
|
|
@@ -12086,7 +12088,7 @@
|
|
|
12086
12088
|
},
|
|
12087
12089
|
language: theme.options.language,
|
|
12088
12090
|
locales: theme.i18n.translations,
|
|
12089
|
-
coverQuery: ((_theme_urlInfo = theme.urlInfo) == null ? void 0 : _theme_urlInfo.validateCode) ? "decodekey=" + theme.urlInfo.validateCode : ''
|
|
12091
|
+
coverQuery: ((_theme_urlInfo = theme.urlInfo) == null ? void 0 : _theme_urlInfo.validateCode) ? "decodekey=" + ((_theme_urlInfo1 = theme.urlInfo) == null ? void 0 : _theme_urlInfo1.validateCode) : ''
|
|
12090
12092
|
}, ((_theme_options = theme.options) == null ? void 0 : _theme_options["timeLineOptions"]) || {}, {
|
|
12091
12093
|
showSectionIcon: ((_theme_options1 = theme.options) == null ? void 0 : _theme_options1["recListOptions"]) !== null ? (_showSectionIcon = (_this = ((_theme_options2 = theme.options) == null ? void 0 : _theme_options2["timeLineOptions"]) || {}) == null ? void 0 : _this.showSectionIcon) != null ? _showSectionIcon : true : true,
|
|
12092
12094
|
props: props
|
|
@@ -12489,7 +12491,7 @@
|
|
|
12489
12491
|
_inherits(Theme, EventEmitter);
|
|
12490
12492
|
function Theme(options) {
|
|
12491
12493
|
var _this;
|
|
12492
|
-
var _this_options_volumeOptions, _this_options_volumeOptions1, _this_options_speedOptions, _this_options, _this_options1;
|
|
12494
|
+
var _this_options_volumeOptions, _this_options_volumeOptions1, _this_options_speedOptions, _this_urlInfo_searchParams, _this_urlInfo, _this_options, _this_options1;
|
|
12493
12495
|
_this = EventEmitter.call(this) || this, /** 播放器配置项 */ _this.options = THEME_DEFAULT_OPTIONS, _this.staticPath = '', /** 所有控件列表, 所有控件名称规则(`${iconId}Control`), 如音量控件 this.controls["volumeControl"] @since 0.0.1 */ _this.controls = {}, /**
|
|
12494
12496
|
* @since 0.0.1
|
|
12495
12497
|
* @private
|
|
@@ -12509,7 +12511,7 @@
|
|
|
12509
12511
|
*/ _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, /**
|
|
12510
12512
|
* 移动端扩展容器, 扩展的控件渲染在指定容器以外, 仅只用端适用, 为了可以放置大的控件和方便开发接入
|
|
12511
12513
|
* @private
|
|
12512
|
-
*/ _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, /** @private 加载中 */ _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, // /**
|
|
12514
|
+
*/ _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, _this._url = '', /** 是否播放中 @private */ _this._playing = false, /** @private 加载中 */ _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, // /**
|
|
12513
12515
|
// * 记录回放的月份
|
|
12514
12516
|
// *
|
|
12515
12517
|
// * key: {序列号}_{通道号}_{rec | cloud | cloudRecord} 比如:BC7799091_1_rec BC7799091_1_cloud BC7799091_1_cloudRecord
|
|
@@ -12520,16 +12522,17 @@
|
|
|
12520
12522
|
// _recMonthObj: Record<string, string[]> = {};
|
|
12521
12523
|
/**
|
|
12522
12524
|
* 录像回放的月份列表 @private
|
|
12523
|
-
*/ _this.recMonth = [], /** 清理 header/footer 动画 定时器 @private */ _this._onPauseTimingFunc = null, /** 销毁标识 @readonly */ _this.destroyed = false, _this.scaleMode = 0;
|
|
12525
|
+
*/ _this.recMonth = [], /** 清理 header/footer 动画 定时器 @private */ _this._onPauseTimingFunc = null, /** 销毁标识 @readonly */ _this.destroyed = false, _this.scaleMode = 0, _this._videoInfo = {};
|
|
12524
12526
|
_this._initOptions(options);
|
|
12525
12527
|
if (_this.options.type === 'ezopen') {
|
|
12526
|
-
var
|
|
12527
|
-
if ((
|
|
12528
|
-
|
|
12528
|
+
var _this_urlInfo_searchParams1, _this_urlInfo1, _this_urlInfo2;
|
|
12529
|
+
if ((_this_urlInfo1 = _this.urlInfo) == null ? void 0 : (_this_urlInfo_searchParams1 = _this_urlInfo1.searchParams) == null ? void 0 : _this_urlInfo_searchParams1.spaceId) {
|
|
12530
|
+
var _this_urlInfo_searchParams2, _this_urlInfo3;
|
|
12531
|
+
_this.options.spaceId = (_this_urlInfo3 = _this.urlInfo) == null ? void 0 : (_this_urlInfo_searchParams2 = _this_urlInfo3.searchParams) == null ? void 0 : _this_urlInfo_searchParams2.spaceId;
|
|
12529
12532
|
}
|
|
12530
|
-
if (_this.urlInfo.type === 'rec') {
|
|
12531
|
-
var
|
|
12532
|
-
_this._seekDate = ((
|
|
12533
|
+
if (((_this_urlInfo2 = _this.urlInfo) == null ? void 0 : _this_urlInfo2.type) === 'rec') {
|
|
12534
|
+
var _this_urlInfo_searchParams3, _this_urlInfo4, _this_urlInfo_searchParams4, _this_urlInfo5;
|
|
12535
|
+
_this._seekDate = ((_this_urlInfo4 = _this.urlInfo) == null ? void 0 : (_this_urlInfo_searchParams3 = _this_urlInfo4.searchParams) == null ? void 0 : _this_urlInfo_searchParams3.begin) ? distExports$3.DateTime.toDate((_this_urlInfo5 = _this.urlInfo) == null ? void 0 : (_this_urlInfo_searchParams4 = _this_urlInfo5.searchParams) == null ? void 0 : _this_urlInfo_searchParams4.begin) : distExports$3.DateTime.toDate(distExports$3.DateTime.format(new Date(), 'YYYY/MM/DD') + ' 00:00:00');
|
|
12533
12536
|
}
|
|
12534
12537
|
}
|
|
12535
12538
|
_this._getRecType(_this.options.url);
|
|
@@ -12561,7 +12564,8 @@
|
|
|
12561
12564
|
var _this_options_volumeOptions_muted, _ref1;
|
|
12562
12565
|
_this._muted = (_ref1 = (_this_options_volumeOptions_muted = (_this_options_volumeOptions1 = _this.options.volumeOptions) == null ? void 0 : _this_options_volumeOptions1.muted) != null ? _this_options_volumeOptions_muted : _this.options.muted) != null ? _ref1 : false;
|
|
12563
12566
|
var _this_options_speedOptions_value, _ref2;
|
|
12564
|
-
|
|
12567
|
+
// playbackSpeed 是 萤石标准流倍速字段
|
|
12568
|
+
_this._speed = +((_ref2 = (_this_options_speedOptions_value = (_this_options_speedOptions = _this.options.speedOptions) == null ? void 0 : _this_options_speedOptions.value) != null ? _this_options_speedOptions_value : (_this_urlInfo = _this.urlInfo) == null ? void 0 : (_this_urlInfo_searchParams = _this_urlInfo.searchParams) == null ? void 0 : _this_urlInfo_searchParams.playbackSpeed) != null ? _ref2 : 1);
|
|
12565
12569
|
_this._mobileInnerWidthHeight = _this._mobileInnerWidthHeight.bind(_this);
|
|
12566
12570
|
_this._throttleMobileInnerWidthHeight = throttle(_this._mobileInnerWidthHeight, 20).bind(_this);
|
|
12567
12571
|
_this._onDblClickFullscreen = debounce(_this._onDblClickFullscreen, 20).bind(_this);
|
|
@@ -12799,6 +12803,8 @@
|
|
|
12799
12803
|
if (this.i18n) this.i18n = null;
|
|
12800
12804
|
this.recType = '';
|
|
12801
12805
|
this.recMonth = []; // 清空数据
|
|
12806
|
+
// 重置
|
|
12807
|
+
this._videoInfo = {};
|
|
12802
12808
|
this.emit(EVENTS$2.theme.destroyed);
|
|
12803
12809
|
this.removeAllListeners();
|
|
12804
12810
|
if (this.logger) this.logger = null;
|
|
@@ -12814,6 +12820,7 @@
|
|
|
12814
12820
|
this.options = deepmerge(THEME_DEFAULT_OPTIONS, options, {
|
|
12815
12821
|
clone: false
|
|
12816
12822
|
});
|
|
12823
|
+
this._url = this.options.url;
|
|
12817
12824
|
// ⚠警告 (./utils/interactiveHF.ts)
|
|
12818
12825
|
// PC 中窗口鼠标在header footer 移动(mousemove), 不允许消失及不要冒泡
|
|
12819
12826
|
// Mobile 中窗口点击在header footer 上(pointerdown/touchstart), 不允许消失及不要冒泡
|
|
@@ -13304,12 +13311,13 @@
|
|
|
13304
13311
|
* @returns {"rec" | "cloudRecord" | "cloudRec" | ""} 录像类型, rec: 录像, cloudRec: 云录像, cloudRecord: 云录制
|
|
13305
13312
|
*/ _proto._getRecType = function _getRecType(url) {
|
|
13306
13313
|
if (this.options.type === 'ezopen' && /^ezopen:\/\//.test(url)) {
|
|
13307
|
-
|
|
13308
|
-
|
|
13309
|
-
|
|
13314
|
+
var _this_urlInfo;
|
|
13315
|
+
if (((_this_urlInfo = this.urlInfo) == null ? void 0 : _this_urlInfo.type) === 'rec') {
|
|
13316
|
+
var _this_urlInfo1, _this_urlInfo_searchParams, _this_urlInfo2, _this_urlInfo3;
|
|
13317
|
+
if (((_this_urlInfo1 = this.urlInfo) == null ? void 0 : _this_urlInfo1.recType) === 'cloud' && ((_this_urlInfo2 = this.urlInfo) == null ? void 0 : (_this_urlInfo_searchParams = _this_urlInfo2.searchParams) == null ? void 0 : _this_urlInfo_searchParams.busType) === '7') {
|
|
13310
13318
|
this.recType = 'cloudRecord';
|
|
13311
13319
|
return 'cloudRecord';
|
|
13312
|
-
} else if (this.urlInfo.recType === 'cloud') {
|
|
13320
|
+
} else if (((_this_urlInfo3 = this.urlInfo) == null ? void 0 : _this_urlInfo3.recType) === 'cloud') {
|
|
13313
13321
|
this.recType = 'cloudRec';
|
|
13314
13322
|
return 'cloudRec';
|
|
13315
13323
|
} else {
|
|
@@ -13371,13 +13379,22 @@
|
|
|
13371
13379
|
}
|
|
13372
13380
|
};
|
|
13373
13381
|
_create_class(Theme, [
|
|
13382
|
+
{
|
|
13383
|
+
key: "url",
|
|
13384
|
+
get: function get() {
|
|
13385
|
+
return this._url;
|
|
13386
|
+
},
|
|
13387
|
+
set: function set(url) {
|
|
13388
|
+
this._url = url;
|
|
13389
|
+
}
|
|
13390
|
+
},
|
|
13374
13391
|
{
|
|
13375
13392
|
key: "urlInfo",
|
|
13376
13393
|
get: /**
|
|
13377
13394
|
* url 信息 播放地址信息
|
|
13378
13395
|
*/ function get() {
|
|
13379
|
-
if (this.
|
|
13380
|
-
return distExports$3.parseEzopenUrl(this.
|
|
13396
|
+
if (this._url) {
|
|
13397
|
+
return distExports$3.parseEzopenUrl(this._url);
|
|
13381
13398
|
}
|
|
13382
13399
|
return {};
|
|
13383
13400
|
}
|
|
@@ -13404,6 +13421,41 @@
|
|
|
13404
13421
|
return this._height;
|
|
13405
13422
|
}
|
|
13406
13423
|
},
|
|
13424
|
+
{
|
|
13425
|
+
key: "videoInfo",
|
|
13426
|
+
get: /**
|
|
13427
|
+
* 视频信息
|
|
13428
|
+
* @version 3.1.2
|
|
13429
|
+
* ```ts
|
|
13430
|
+
* theme.videoInfo // ThemeVideoInfo
|
|
13431
|
+
* ```
|
|
13432
|
+
*/ function get() {
|
|
13433
|
+
return this._videoInfo || {};
|
|
13434
|
+
}
|
|
13435
|
+
},
|
|
13436
|
+
{
|
|
13437
|
+
key: "videoWidth",
|
|
13438
|
+
get: /**
|
|
13439
|
+
* 视频分辨率 宽
|
|
13440
|
+
*
|
|
13441
|
+
* @version 3.1.2
|
|
13442
|
+
*
|
|
13443
|
+
* ```ts
|
|
13444
|
+
* theme.videoWidth // number
|
|
13445
|
+
* ```
|
|
13446
|
+
*/ function get() {
|
|
13447
|
+
return this._videoInfo.width || 0;
|
|
13448
|
+
}
|
|
13449
|
+
},
|
|
13450
|
+
{
|
|
13451
|
+
key: "videoHeight",
|
|
13452
|
+
get: /**
|
|
13453
|
+
* 视频分辨率 高
|
|
13454
|
+
* @version 3.1.2
|
|
13455
|
+
*/ function get() {
|
|
13456
|
+
return this._videoInfo.height || 0;
|
|
13457
|
+
}
|
|
13458
|
+
},
|
|
13407
13459
|
{
|
|
13408
13460
|
key: "playing",
|
|
13409
13461
|
get: /**
|
|
@@ -13668,13 +13720,13 @@
|
|
|
13668
13720
|
{
|
|
13669
13721
|
key: "speed",
|
|
13670
13722
|
get: function get() {
|
|
13671
|
-
return this._speed;
|
|
13723
|
+
return +this._speed;
|
|
13672
13724
|
},
|
|
13673
13725
|
set: /**
|
|
13674
13726
|
* 倍速
|
|
13675
13727
|
*/ function set(speed) {
|
|
13676
13728
|
speed = +speed;
|
|
13677
|
-
if (speed !== this._speed) {
|
|
13729
|
+
if (speed !== +this._speed) {
|
|
13678
13730
|
this._speed = speed;
|
|
13679
13731
|
this.emit(EVENTS$2.speedChange, speed);
|
|
13680
13732
|
}
|
|
@@ -13781,6 +13833,36 @@
|
|
|
13781
13833
|
*/ function get() {
|
|
13782
13834
|
return !!this._footerMoreControl;
|
|
13783
13835
|
}
|
|
13836
|
+
},
|
|
13837
|
+
{
|
|
13838
|
+
key: "isEzopen",
|
|
13839
|
+
get: function get() {
|
|
13840
|
+
// 私有流地址
|
|
13841
|
+
return /^ezopen:\/\//.test(this._url);
|
|
13842
|
+
}
|
|
13843
|
+
},
|
|
13844
|
+
{
|
|
13845
|
+
key: "isEzviz",
|
|
13846
|
+
get: /**
|
|
13847
|
+
* 判断播放地址是萤石的播放地址
|
|
13848
|
+
* @since 3.1.2
|
|
13849
|
+
*/ function get() {
|
|
13850
|
+
var path = this._url.split('?')[0];
|
|
13851
|
+
var queryStr = this._url.split('?')[1];
|
|
13852
|
+
var lastPath = path.split('/')[path.split('/').length - 1];
|
|
13853
|
+
// ezopen://open.ys7.com/BC7799091/1.rec
|
|
13854
|
+
// rtmp://rtmp05open.ys7.com:1935/v3/openpb/BC7799091_1_1
|
|
13855
|
+
// https://open.ys7.com/v3/openpb/llhls/BC7799091_1_1.m3u8
|
|
13856
|
+
// https://rtmp05open.ys7.com:9188/v3/openpb/BC7799091_1_1.flv
|
|
13857
|
+
// https://host:2001/live?dev=D08197169&chn=1&ss=token&stream=1
|
|
13858
|
+
if (// 私有流地址
|
|
13859
|
+
/^ezopen:\/\//.test(path) || // 标准流地址
|
|
13860
|
+
path.includes('/openlive/') || path.includes('/openpb/') && /[a-zA-Z0-9:]+_\d+_\d+/.test(lastPath) || // webtransport 取流
|
|
13861
|
+
distExports$3.isHttp(this._url) && queryStr && /dev=[a-zA-Z0-9:]+/.test(queryStr) && /chn=\d+/.test(queryStr) && /stream=\d+/.test(queryStr) && queryStr.includes('ssn=')) {
|
|
13862
|
+
return true;
|
|
13863
|
+
}
|
|
13864
|
+
return false;
|
|
13865
|
+
}
|
|
13784
13866
|
}
|
|
13785
13867
|
]);
|
|
13786
13868
|
return Theme;
|
|
@@ -13791,7 +13873,7 @@
|
|
|
13791
13873
|
zh: zh,
|
|
13792
13874
|
en: en
|
|
13793
13875
|
};
|
|
13794
|
-
/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '3.1.2-beta.
|
|
13876
|
+
/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '3.1.2-beta.3';
|
|
13795
13877
|
|
|
13796
13878
|
// 不要动这里的代码, 这个出口是为了编译成 umd 规范的文件
|
|
13797
13879
|
|
package/dist/style.css
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
:root{--ezplayer-default-color:#fff;--ezplayer-primary-color:#407aff;--ezplayer-active-color:var(--ezplayer-primary-color,#407aff);--ezplayer-disabled-color:#aaa;--ezplayer-font-size:14px;--ezplayer-icon-font-size:24px;--ezplayer-btn-height:var(--ezplayer-icon-font-size,24px);--ezplayer-border-radius:8px;--ezplayer-control-space:16px;--ezplayer-header-height:46px;--ezplayer-footer-height:80px;--ezplayer-fullscreen-control-space:26px;--ezplayer-panel-bg-color:rgba(0,0,0,.7);--ezplayer-mobile-control-space:16px;--ezplayer-mobile-header-height:45px;--ezplayer-mobile-footer-height:54px;--ezplayer-mobile-fullscreen-header-height:75px;--ezplayer-mobile-fullscreen-footer-height:110px;--ezplayer-mobile-fullscreen-control-space:26px;--ezplayer-mobile-extend-bg-color:#f5f7fa;--ezplayer-mobile-extend-default-color:#2c2c2c}
|
|
2
2
|
body.ezplayer-body-mobile-noscroll{background-color:#000!important;height:100vh;overflow:hidden;touch-action:none}.ezplayer,.ezplayer-mobile-extend{background-color:#000;box-sizing:border-box;color:var(--ezplayer-default-color,#fff);display:flex;flex-direction:column;font-size:14px;font-size:var(--ezplayer-font-size,14px);padding:0;position:relative;--webkit-tap-highlight-color:transparent;outline:none}.ezplayer *,.ezplayer-mobile-extend *{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ezplayer:-webkit-full-screen{height:100%!important;width:100%!important}.ezplayer *{box-sizing:border-box}.ezplayer li,.ezplayer ul{box-sizing:border-box;list-style:none;margin:0;padding:0}.ezplayer-control{align-items:center;cursor:pointer;display:inline-flex;justify-content:center}.ezplayer-control-block,.ezplayer-control-text{cursor:unset}.ezplayer-control-block{align-items:center;box-sizing:border-box;color:var(--ezplayer-default-color,#fff);display:flex;flex-direction:column;justify-content:center;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ezplayer-btn,.ezplayer-icon,.ezplayer-text{display:inline-flex;transition:color .2s ease-in-out}.ezplayer-btn{cursor:pointer}.ezplayer-btn,.ezplayer-text{font-size:var(--ezplayer-font-size,14px)}.ezplayer-btn{align-items:center;border:1px solid var(--ezplayer-default-color,#fff);border-radius:12px;border-radius:calc(var(--ezplayer-btn-height, 24px)/2);display:inline-flex;height:var(--ezplayer-btn-height,26px);justify-content:center;padding:2px 10px;white-space:nowrap}.ezplayer-active{border-color:var(--ezplayer-active-color,#0099e5)!important;color:var(--ezplayer-active-color,#0099e5)!important}.ezplayer-disabled,.ezplayer-disabled .ezplayer-btn,.ezplayer-disabled .ezplayer-icon,.ezplayer-disabled .ezplayer-text{border-color:var(--ezplayer-disabled-color,#aaa)!important;color:var(--ezplayer-disabled-color)!important;cursor:not-allowed!important}.ezplayer-hide{display:none!important}.ezplayer-hide-transition{opacity:0!important;pointer-events:none!important}.ezplayer-overflow-hidden{overflow:hidden}.ezplayer-global-fullscreen .ezplayer-footer,.ezplayer-global-fullscreen .ezplayer-header,.ezplayer-global-fullscreen .ezplayer-rec-footer{display:none}.ezplayer-mobile .ezplayer-control-global-fullscreen{display:none!important}.ezplayer-mobile.ezplayer-fullscreen.ezplayer-angle-0,.ezplayer-mobile.ezplayer-fullscreen.ezplayer-angle-180{background-color:#000!important;bottom:0!important;height:100vw!important;height:var(--ezplayer-mobile-inner-width,100vw)!important;left:0!important;overflow:hidden;padding-right:env(safe-area-inset-bottom);position:fixed!important;right:0!important;top:0!important;transform:rotate(90.001deg) translateY(-100%)!important;-webkit-transform:rotate(90.001deg) translateY(-100%)!important;transform-origin:0 0!important;-webkit-transform-origin:0 0!important;width:100vh!important;width:var(--ezplayer-mobile-inner-height,100vh)!important;z-index:9999}.ezplayer-mobile.ezplayer-fullscreen.ezplayer-angle-270,.ezplayer-mobile.ezplayer-fullscreen.ezplayer-angle-90{background-color:#000!important;bottom:0!important;height:100vh!important;height:var(--ezplayer-mobile-inner-height,100vh)!important;left:0!important;overflow:hidden;position:fixed!important;right:0!important;top:0!important;transform:rotate(0deg) translateY(0)!important;-webkit-transform:rotate(0deg) translateY(0)!important;transform-origin:0 0!important;-webkit-transform-origin:0 0!important;width:100vw!important;width:var(--ezplayer-mobile-inner-width,100vw)!important;z-index:9999}
|
|
3
3
|
.ezplayer-footer,.ezplayer-header{align-items:center;box-sizing:border-box;color:var(--ezplayer-default-color,#fff);display:flex;flex-wrap:nowrap;font-size:24px;justify-content:space-between;left:0;opacity:1;position:absolute;right:0;transition:opacity .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:20}.ezplayer-footer-left,.ezplayer-footer-right,.ezplayer-header-left,.ezplayer-header-right{display:inline-flex;flex-direction:row;flex-wrap:nowrap}.ezplayer-footer-left,.ezplayer-header-left{padding-left:20px}.ezplayer-footer-left .ezplayer-control,.ezplayer-header-left .ezplayer-control{margin-right:16px}.ezplayer-footer-left .ezplayer-control:last-child,.ezplayer-header-left .ezplayer-control:last-child{margin-right:0!important}.ezplayer-footer-right,.ezplayer-header-right{padding-right:20px}.ezplayer-footer-right .ezplayer-control,.ezplayer-header-right .ezplayer-control{margin-left:16px}.ezplayer-footer-right .ezplayer-control:first-child,.ezplayer-header-right .ezplayer-control:first-child{margin-left:0!important}.ezplayer-footer .ezplayer-control,.ezplayer-header .ezplayer-control{padding:2px}.ezplayer-footer .ezplayer-control-text+.ezplayer-control-text,.ezplayer-header .ezplayer-control-text+.ezplayer-control-text{margin-left:8px}.ezplayer-footer-more,.ezplayer-header-more{align-items:center;display:flex;flex-direction:row}.ezplayer-header{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAuCAMAAADeMYNYAAAAbFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB0Iv+qAAAAJHRSTlOBdGtiTDoxGxIJy8bCvbm0sKyno56alZGMiHtbV1JFQSomIQDNbq/TAAAAPklEQVQI1xXBhQHAIAAEsau7uwv778iTkFNQUlHT0NLRMzAyMbOwsuHseOproAcnF6HePEQa68vHT6KpZmosd8UCpGNSKboAAAAASUVORK5CYII=");box-sizing:border-box;height:46px;margin:0;top:0}.ezplayer-header-left,.ezplayer-header-right{max-width:50%}.ezplayer-header .ezplayer-icon{font-size:22px}.ezplayer-control-rec .ezplayer-icon:first-child{margin-left:0}.ezplayer-footer{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAQAAAByztdQAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAD/h4/MvwAAAAd0SU1FB+kGBAsQDlySUqoAAAABb3JOVAHPoneaAAAAHElEQVQI12NgYGRiYGZiYGJiYEZiYJLECw5q9QCpgAFr/pGonwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyNS0wNi0wNFQxMToxNTo1OCswMDowMBLJutIAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjUtMDYtMDRUMTE6MTU6NTgrMDA6MDBjlAJuAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDI1LTA2LTA0VDExOjE2OjE0KzAwOjAwnFz8PAAAAABJRU5ErkJggg==");bottom:0;box-sizing:border-box;height:80px;margin:0;padding-top:20px}.ezplayer-mobile .ezplayer-footer,.ezplayer-mobile .ezplayer-header{font-size:24px}.ezplayer-mobile .ezplayer-footer-left .ezplayer-control,.ezplayer-mobile .ezplayer-footer-right .ezplayer-control,.ezplayer-mobile .ezplayer-header-left .ezplayer-control,.ezplayer-mobile .ezplayer-header-right .ezplayer-control{height:24px;padding:0}.ezplayer-mobile .ezplayer-footer-left,.ezplayer-mobile .ezplayer-header-left{padding-left:15px}.ezplayer-mobile .ezplayer-footer-left .ezplayer-control,.ezplayer-mobile .ezplayer-header-left .ezplayer-control{margin-right:15px}.ezplayer-mobile .ezplayer-footer-right,.ezplayer-mobile .ezplayer-header-right{padding-right:15px}.ezplayer-mobile .ezplayer-footer-right .ezplayer-control,.ezplayer-mobile .ezplayer-header-right .ezplayer-control{margin-left:15px}.ezplayer-mobile .ezplayer-footer .ezplayer-control,.ezplayer-mobile .ezplayer-header .ezplayer-control{height:24px;min-width:24px}.ezplayer-mobile .ezplayer-footer .ezplayer-control-text,.ezplayer-mobile .ezplayer-header .ezplayer-control-text{font-size:14px}.ezplayer-mobile .ezplayer-header{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAtCAMAAACzkkr1AAAAV1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOl5NtAAAAHXRSTlOWj4JzaV9YUUQ9MywlGxQKioZ8eW9kTUk4IA8FAKPHi9EAAABMSURBVAjXJcKFDcAwAAOwjKHM+P+dUzTL+C0LWwvnsK7sPULAtnGM2HdOCcfB58nXxTmjFNw3Pw/XivdlIVhKbg1KsdbcO4zhMTDnB9pJBB0jNaXIAAAAAElFTkSuQmCC");background:linear-gradient(180deg,rgba(0,0,0,.6) 0,transparent);height:45px;margin:0;padding:0}.ezplayer-mobile .ezplayer-footer{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAA2CAQAAABHVIAUAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAD/h4/MvwAAAAd0SU1FB+kHGQYOGOvM7YUAAAABb3JOVAHPoneaAAAAFUlEQVQY02NkYGRgYGFgxkUwjShZAMFnAW71uqvOAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDI1LTA3LTI1VDA2OjE0OjAwKzAwOjAwy873zwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyNS0wNy0yNVQwNjoxNDowMCswMDowMLqTT3MAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjUtMDctMjVUMDY6MTQ6MjQrMDA6MDBb7E3CAAAAAElFTkSuQmCC");background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.6));height:54px;padding-top:0}.ezplayer-mobile.ezplayer-fullscreen .ezplayer-header{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABLCAQAAADw6J4LAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAD/h4/MvwAAAAd0SU1FB+kHGQYYHh43/WcAAAABb3JOVAHPoneaAAAAKUlEQVQY02NkOM3AwMLwF5X4h5dLOyXD13JmBiaG/8wMjAz/GRkYGRgADI9KMQ6gLKQAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjUtMDctMjVUMDY6MjQ6MTQrMDA6MDBqybVDAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDI1LTA3LTI1VDA2OjI0OjE0KzAwOjAwG5QN/wAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyNS0wNy0yNVQwNjoyNDozMCswMDowMPrrD04AAAAASUVORK5CYII=");background:linear-gradient(180deg,rgba(0,0,0,.8) 0,transparent);height:75px}.ezplayer-mobile.ezplayer-fullscreen .ezplayer-footer{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABuCAMAAAA6XjI3AAAAaVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAnbPKNAAAAI3RSTlMAQrRXSTozKxUHxb+spqCNh4F1ZVAgDbqTenBqJRvKm5dgXO7N8BQAAABzSURBVBjThcRFDsQwFATRH2Z2mHP/Q447bmuWKT2VfJdIYg0DxTHt2g59T9sGUSQRDmFoBRJYjvPn+6SUKHNPPOt54L6h62hdYdEWaFuaZ2gaacxrqV9VJZX5JNPruuA8oSypKCjPyXVp1EbIMkpTOg7tB7gTDCt3nEtMAAAAAElFTkSuQmCC");background:linear-gradient(180deg,transparent 9%,rgba(0,0,0,.8));height:110px;padding-top:18px}.ezplayer-mobile.ezplayer-fullscreen .ezplayer-footer-left,.ezplayer-mobile.ezplayer-fullscreen .ezplayer-header-left{padding-left:50px}.ezplayer-mobile.ezplayer-fullscreen .ezplayer-footer-left .ezplayer-control,.ezplayer-mobile.ezplayer-fullscreen .ezplayer-header-left .ezplayer-control{margin-right:30px}.ezplayer-mobile.ezplayer-fullscreen .ezplayer-footer-right,.ezplayer-mobile.ezplayer-fullscreen .ezplayer-header-right{padding-right:50px}.ezplayer-mobile.ezplayer-fullscreen .ezplayer-footer-right .ezplayer-control,.ezplayer-mobile.ezplayer-fullscreen .ezplayer-header-right .ezplayer-control{margin-left:30px}.ezplayer-fullscreen:not(.ezplayer-mobile) .ezplayer-footer-left .ezplayer-control,.ezplayer-fullscreen:not(.ezplayer-mobile) .ezplayer-header-left .ezplayer-control{margin-right:26px}.ezplayer-fullscreen:not(.ezplayer-mobile) .ezplayer-footer-right .ezplayer-control,.ezplayer-fullscreen:not(.ezplayer-mobile) .ezplayer-header-right .ezplayer-control{margin-left:26px}
|
|
4
|
-
.ezplayer-content{align-items:center;justify-content:center}.ezplayer-content,.ezplayer-content-wrapper{box-sizing:border-box;display:flex;flex:1 1 auto;height:100%;margin:0;outline:none;overflow:hidden;padding:0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:0}.ezplayer-content-wrapper{background-color:#000}.ezplayer-content-video{align-items:center;box-sizing:border-box;display:flex;flex:1 1 auto;height:100%;justify-content:center;margin:0;outline:none;padding:0;width:100%}
|
|
4
|
+
.ezplayer-content{align-items:center;justify-content:center}.ezplayer-content,.ezplayer-content-wrapper{box-sizing:border-box;display:flex;flex:1 1 auto;height:100%;margin:0;outline:none;overflow:hidden;padding:0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:0}.ezplayer-content-wrapper{background-color:#000}.ezplayer-content-video{align-items:center;box-sizing:border-box;display:flex;flex:1 1 auto;height:100%;justify-content:center;margin:0;outline:none;padding:0;position:absolute!important;width:100%}
|
|
5
5
|
.ezplayer-mobile-extend{background-color:#639;background-color:var(--ezplayer-mobile-extend-bg-color,#f5f7fa);color:var(--ezplayer-mobile-extend-default-color,#2c2c2c);display:flex;flex-direction:column}.ezplayer-mobile-extend-controls{background-color:#639;display:flex;height:66px;justify-content:space-around}.ezplayer-mobile-extend-controls .ezplayer-control{width:75px}.ezplayer-mobile-extend-control-panel{align-items:center;display:flex;flex-direction:column;min-height:390px}.ezplayer-mobile-extend-control-top{align-items:center;display:flex;height:36px;justify-content:space-between;padding-top:10px}.ezplayer-mobile-extend-control-top-left{display:inline-flex;padding-left:15px}.ezplayer-mobile-extend-control-top-right{display:inline-flex;justify-content:flex-end;padding-right:15px}.ezplayer-mobile-extend-control-content{display:flex;flex:1 1 auto;flex-direction:column;width:100%}
|
|
6
6
|
.ezplayer-rec-footer{background-color:#000;box-sizing:border-box;display:flex;flex-direction:row;height:36px;position:relative}.ezplayer-rec-footer-time-line{display:flex;flex:1 1 auto;height:36px}.ezplayer-rec-footer-right{align-items:center;display:flex;flex:0 0 auto;flex-direction:row;height:36px}.ezplayer-rec-footer-date-picker{align-items:center;display:flex;height:36px;padding-left:8px}.ezplayer-rec-footer-date-picker .ezplayer-icon-date{font-size:20px;margin-top:-5px}.ezplayer-rec-footer-time-picker{align-items:center;display:flex;height:36px;padding-left:8px}.ezplayer-rec-footer-time-picker .ezplayer-icon-time{font-size:20px;margin-top:-5px}.ezplayer-rec-footer-btn:last-child{padding-right:20px}
|
|
7
7
|
.epicker-body-noscroll{overflow:hidden;touch-action:none}.epicker{box-shadow:0 9px 28px 8px #0000000d;display:none;margin:0;opacity:0;padding:0;position:absolute;transition:opacity .3s ease;vertical-align:top;z-index:1000}.epicker,.epicker-body{box-sizing:border-box;flex-direction:column}.epicker-body{display:flex}.epicker.epicker-mobile .epicker-mask{background:#0000004d;bottom:0;box-sizing:border-box;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:9998}.epicker.epicker-mobile .epicker-body{align-items:center;bottom:0;left:0;position:fixed;right:0;z-index:9999}
|
package/dist/style.js
CHANGED