mirror of
https://github.com/zhw2590582/ArtPlayer.git
synced 2026-10-13 07:46:17 -08:00
update
This commit is contained in:
Harvey authored and Harvey Zack committed
1 parent
bc0df8e60c
commit
96839016ba
4 files changed
+111
-94
No files matched your search
@@ -118,7 +118,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
var css_248z = ".art-video-player{zoom:1;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-high-contrast-adjust:none;background-color:#000;color:#eee;direction:ltr;display:flex;font-family:Roboto,Arial,Helvetica,sans-serif;font-size:14px;height:100%;line-height:1.3;margin:0 auto;outline:0;position:relative;text-align:left;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;z-index:20}.art-video-player *{box-sizing:border-box;margin:0;padding:0}.art-video-player ::-webkit-scrollbar{height:5px;width:5px}.art-video-player ::-webkit-scrollbar-thumb{background-color:#666}.art-video-player ::-webkit-scrollbar-thumb:hover{background-color:#ccc}.art-video-player .art-icon{align-items:center;display:inline-flex;justify-content:center;line-height:1.5}.art-video-player .art-icon svg{fill:#fff}.art-video-player img{max-width:100%;vertical-align:top}@supports ((-webkit-backdrop-filter:initial) or (backdrop-filter:initial)){.art-video-player .art-backdrop-filter{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background-color:rgba(0,0,0,.7)!important}}.art-video-player .art-video{background-color:#000;cursor:pointer;z-index:10}.art-video-player .art-poster,.art-video-player .art-video{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.art-video-player .art-poster{background-position:50%;background-repeat:no-repeat;background-size:cover;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:11}.art-video-player .art-subtitle{bottom:10px;color:#fff;display:none;font-size:20px;padding:0 20px;pointer-events:none;position:absolute;text-align:center;text-shadow:.5px .5px .5px rgba(0,0,0,.5);width:100%;z-index:20}.art-video-player .art-subtitle p{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;line-height:1.2;margin:5px 0 0;word-break:break-all}.art-video-player .art-bilingual p:nth-child(n+2){transform:scale(.6);transform-origin:center top}.art-video-player.art-subtitle-show .art-subtitle{display:block}.art-video-player.art-control-show .art-subtitle{bottom:50px}.art-video-player .art-danmuku{z-index:30}.art-video-player .art-danmuku,.art-video-player .art-layers{bottom:0;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;width:100%}.art-video-player .art-layers{display:none;z-index:40}.art-video-player .art-layers .art-layer{pointer-events:auto}.art-video-player.art-layer-show .art-layers{display:block}.art-video-player .art-mask{align-items:center;bottom:0;display:none;height:100%;justify-content:center;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;width:100%;z-index:50}.art-video-player .art-mask .art-state{align-items:center;bottom:65px;display:flex;height:60px;justify-content:center;opacity:.6;position:absolute;right:30px;width:60px}.art-video-player.art-mask-show .art-mask{display:flex}.art-video-player .art-loading{align-items:center;bottom:0;display:none;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%;z-index:70}.art-video-player.art-loading-show .art-loading{display:flex}.art-video-player .art-bottom{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom;bottom:0;display:flex;flex-direction:column;height:100px;justify-content:space-between;left:0;opacity:0;padding:50px 10px 0;pointer-events:none;position:absolute;right:0;transition:all .2s ease-in-out;visibility:hidden;z-index:60}.art-video-player .art-bottom .art-progress{pointer-events:auto;position:relative;z-index:0}.art-video-player .art-bottom .art-progress .art-control-progress{align-items:center;cursor:pointer;display:flex;flex-direction:row;height:4px;position:relative}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner{align-items:center;background:hsla(0,0%,100%,.2);display:flex;height:50%;position:relative;width:100%}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-loaded{background:hsla(0,0%,100%,.4);bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:0;z-index:10}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-played{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:0;z-index:20}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight{bottom:0;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:30}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span{bLine truncated
|
||||
var css_248z = ".art-video-player{zoom:1;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-high-contrast-adjust:none;background-color:#000;color:#eee;direction:ltr;display:flex;font-family:Roboto,Arial,Helvetica,sans-serif;font-size:14px;height:100%;line-height:1.3;margin:0 auto;outline:0;position:relative;text-align:left;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;z-index:20}.art-video-player *{box-sizing:border-box;margin:0;padding:0}.art-video-player ::-webkit-scrollbar{height:5px;width:5px}.art-video-player ::-webkit-scrollbar-thumb{background-color:#666}.art-video-player ::-webkit-scrollbar-thumb:hover{background-color:#ccc}.art-video-player .art-icon{align-items:center;display:inline-flex;justify-content:center;line-height:1.5}.art-video-player .art-icon svg{fill:#fff}.art-video-player img{max-width:100%;vertical-align:top}@supports ((-webkit-backdrop-filter:initial) or (backdrop-filter:initial)){.art-video-player .art-backdrop-filter{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background-color:rgba(0,0,0,.7)!important}}.art-video-player .art-video{background-color:#000;cursor:pointer;z-index:10}.art-video-player .art-poster,.art-video-player .art-video{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.art-video-player .art-poster{background-position:50%;background-repeat:no-repeat;background-size:cover;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:11}.art-video-player .art-subtitle{bottom:10px;color:#fff;display:none;font-size:20px;padding:0 20px;pointer-events:none;position:absolute;text-align:center;text-shadow:.5px .5px .5px rgba(0,0,0,.5);width:100%;z-index:20}.art-video-player .art-subtitle p{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;line-height:1.2;margin:5px 0 0;word-break:break-all}.art-video-player .art-bilingual p:nth-child(n+2){transform:scale(.6);transform-origin:center top}.art-video-player.art-subtitle-show .art-subtitle{display:block}.art-video-player.art-control-show .art-subtitle{bottom:50px}.art-video-player .art-danmuku{z-index:30}.art-video-player .art-danmuku,.art-video-player .art-layers{bottom:0;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;width:100%}.art-video-player .art-layers{display:none;z-index:40}.art-video-player .art-layers .art-layer{pointer-events:auto}.art-video-player.art-layer-show .art-layers{display:block}.art-video-player .art-mask{align-items:center;bottom:0;display:none;height:100%;justify-content:center;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;width:100%;z-index:50}.art-video-player .art-mask .art-state{align-items:center;bottom:65px;display:flex;height:60px;justify-content:center;opacity:.6;position:absolute;right:30px;width:60px}.art-video-player.art-mask-show .art-mask{display:flex}.art-video-player .art-loading{align-items:center;bottom:0;display:none;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%;z-index:70}.art-video-player.art-loading-show .art-loading{display:flex}.art-video-player .art-bottom{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom;bottom:0;display:flex;flex-direction:column;height:100px;justify-content:space-between;left:0;opacity:0;padding:50px 10px 0;pointer-events:none;position:absolute;right:0;transition:all .2s ease-in-out;visibility:hidden;z-index:60}.art-video-player .art-bottom .art-progress{pointer-events:auto;position:relative;z-index:0}.art-video-player .art-bottom .art-progress .art-control-progress{align-items:center;cursor:pointer;display:flex;flex-direction:row;height:4px;position:relative}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner{align-items:center;background:hsla(0,0%,100%,.2);display:flex;height:50%;position:relative;width:100%}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-loaded{background:hsla(0,0%,100%,.4);bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:0;z-index:10}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-played{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:0;z-index:20}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight{bottom:0;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:30}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span{bLine truncated
|
||||
styleInject(css_248z);
|
||||
|
||||
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
||||
@@ -4276,15 +4276,20 @@
|
||||
|
||||
function playbackRate$1(art) {
|
||||
var i18n = art.i18n;
|
||||
var keys = {
|
||||
normal: 'Normal',
|
||||
horizontal: 'Horizontal',
|
||||
vertical: 'Vertical'
|
||||
};
|
||||
return {
|
||||
width: 150,
|
||||
html: i18n.get('Play speed'),
|
||||
items: [0.25, 0.5, 0.75, 1.0, 1.25, 1.5, 1.75, 2.0].map(function (item) {
|
||||
html: i18n.get('Flip'),
|
||||
items: Object.keys(keys).map(function (key) {
|
||||
return {
|
||||
html: item === 1.0 ? i18n.get('Normal') : item,
|
||||
current: item === 1.0,
|
||||
html: i18n.get(keys[key]),
|
||||
current: key === 'normal',
|
||||
click: function click() {
|
||||
art.playbackRate = item;
|
||||
art.flip = key;
|
||||
}
|
||||
};
|
||||
})
|
||||
@@ -4310,20 +4315,15 @@
|
||||
|
||||
function playbackRate(art) {
|
||||
var i18n = art.i18n;
|
||||
var keys = {
|
||||
normal: 'Normal',
|
||||
horizontal: 'Horizontal',
|
||||
vertical: 'Vertical'
|
||||
};
|
||||
return {
|
||||
width: 150,
|
||||
html: i18n.get('Flip'),
|
||||
items: Object.keys(keys).map(function (key) {
|
||||
html: i18n.get('Play speed'),
|
||||
items: [0.25, 0.5, 0.75, 1.0, 1.25, 1.5, 1.75, 2.0].map(function (item) {
|
||||
return {
|
||||
html: i18n.get(keys[key]),
|
||||
current: key === 'normal',
|
||||
html: item === 1.0 ? i18n.get('Normal') : item,
|
||||
current: item === 1.0,
|
||||
click: function click() {
|
||||
art.flip = key;
|
||||
art.playbackRate = item;
|
||||
}
|
||||
};
|
||||
})
|
||||
@@ -4389,12 +4389,12 @@
|
||||
_this.art = art;
|
||||
_this.name = 'setting';
|
||||
_this.$parent = $setting;
|
||||
_this.events = [];
|
||||
_this.option = [];
|
||||
_this.cache = new Map();
|
||||
|
||||
if (option.setting) {
|
||||
if (option.playbackRate) {
|
||||
_this.option.push(playbackRate$1(art));
|
||||
_this.option.push(playbackRate(art));
|
||||
}
|
||||
|
||||
if (option.aspectRatio) {
|
||||
@@ -4402,7 +4402,7 @@
|
||||
}
|
||||
|
||||
if (option.flip) {
|
||||
_this.option.push(playbackRate(art));
|
||||
_this.option.push(playbackRate$1(art));
|
||||
}
|
||||
|
||||
if (option.subtitleOffset) {
|
||||
@@ -4431,7 +4431,9 @@
|
||||
var $item = document.createElement('div');
|
||||
var $left = append($item, "<div class=\"art-setting-item-left\"></div>");
|
||||
var $right = append($item, "<div class=\"art-setting-item-right\"></div>");
|
||||
var icons = this.art.icons;
|
||||
var _this$art = this.art,
|
||||
icons = _this$art.icons,
|
||||
proxy = _this$art.events.proxy;
|
||||
addClass($item, 'art-setting-item');
|
||||
var hasItems = item.items && item.items.length;
|
||||
|
||||
@@ -4456,7 +4458,7 @@
|
||||
append($right, icons.arrowRight);
|
||||
}
|
||||
|
||||
var callback = function callback(event) {
|
||||
proxy($item, 'click', function (event) {
|
||||
if (typeof item.click === 'function') {
|
||||
item.click.call(_this2, event);
|
||||
}
|
||||
@@ -4475,11 +4477,6 @@
|
||||
item.current = true;
|
||||
inverseClass($item, 'art-current');
|
||||
}
|
||||
};
|
||||
|
||||
$item.addEventListener('click', callback);
|
||||
this.events.push(function () {
|
||||
return $item.removeEventListener('click', callback);
|
||||
});
|
||||
return $item;
|
||||
}
|
||||
@@ -4494,19 +4491,26 @@
|
||||
}, {
|
||||
key: "init",
|
||||
value: function init(option) {
|
||||
for (var index = 0; index < this.events.length; index++) {
|
||||
this.events[index]();
|
||||
if (this.cache.has(option)) {
|
||||
var $panel = this.cache.get(option);
|
||||
inverseClass($panel, 'art-current');
|
||||
} else {
|
||||
var _$panel = document.createElement('div');
|
||||
|
||||
addClass(_$panel, 'art-setting-panel');
|
||||
|
||||
for (var index = 0; index < option.length; index++) {
|
||||
var item = option[index];
|
||||
var $item = this.creatItem(item, option);
|
||||
append(_$panel, $item);
|
||||
}
|
||||
|
||||
append(this.$parent, _$panel);
|
||||
this.cache.set(option, _$panel);
|
||||
inverseClass(_$panel, 'art-current');
|
||||
}
|
||||
|
||||
this.events = [];
|
||||
this.$parent.innerHTML = '';
|
||||
setStyle(this.$parent, 'width', '200px');
|
||||
|
||||
for (var _index = 0; _index < option.length; _index++) {
|
||||
var item = option[_index];
|
||||
var $item = this.creatItem(item, option);
|
||||
append(this.$parent, $item);
|
||||
}
|
||||
}
|
||||
}]);
|
||||
|
||||
|
||||
Reference in new issue
Block a user