Remove artplayer-plugin-liquid-glass plugin

- Deleted the plugin files including JavaScript, CSS, README, and type definitions.
- Removed references to the plugin from the documentation.
- Cleaned up the package structure by removing the .npmignore and package.json files related to the plugin.
This commit is contained in:
Harvey Zhao committed 2026-01-04 16:54:07 +08:00
1 parent c321d40cc3
commit ca34b47180
20 files changed
-562

No files matched your search

-1
View File
@@ -119,7 +119,6 @@ let art = new Artplayer({
| [artplayer-plugin-danmuku-mask](https://artplayer.org/?libs=./uncompiled/artplayer-plugin-danmuku/index.js%0A./uncompiled/artplayer-plugin-danmuku-mask/index.js&example=danmuku.mask) | Danmuku masking (smart blocking) | <img src="https://img.shields.io/npm/dm/artplayer-plugin-danmuku-mask.svg?sanitize=true"> |
| [artplayer-plugin-ads](https://artplayer.org/?libs=./uncompiled/artplayer-plugin-ads/index.js&example=ads) | Video advertising plugin | WIP |
| [artplayer-plugin-asr](https://artplayer.org/?libs=./uncompiled/artplayer-plugin-asr/index.js&example=asr) | Automatic Speech Recognition | WIP |
| [artplayer-plugin-liquid-glass](https://artplayer.org/?libs=./uncompiled/artplayer-plugin-liquid-glass/index.js&example=liquid.glass) | Liquid glass effect | WIP |
## Libraries
-30
View File
@@ -1,30 +0,0 @@
// npm i artplayer-plugin-liquid-glass
// import artplayerPluginLiquidGlass from 'artplayer-plugin-liquid-glass';
let art = new Artplayer({
container: '.artplayer-app',
url: '/assets/sample/video.mp4',
poster: '/assets/sample/poster.jpg',
autoSize: true,
pip: true,
setting: true,
fullscreen: true,
fullscreenWeb: true,
miniProgressBar: true,
flip: true,
playbackRate: true,
aspectRatio: true,
thumbnails: {
url: '/assets/sample/thumbnails.png',
number: 60,
column: 10,
scale: 0.8,
},
plugins: [
artplayerPluginLiquidGlass({
width: '75%',
'max-width': '640px',
'min-width': '320px',
}),
],
})
-1
View File
@@ -62,7 +62,6 @@
'./assets/ts/artplayer-plugin-vast.d.ts',
'./assets/ts/artplayer-plugin-vtt-thumbnail.d.ts',
'./assets/ts/artplayer-plugin-document-pip.d.ts',
'./assets/ts/artplayer-plugin-liquid-glass.d.ts',
'./assets/ts/artplayer-plugin-jassub.d.ts',
'./assets/ts/artplayer-proxy-canvas.d.ts',
'./assets/ts/artplayer-proxy-mediabunny.d.ts',
-15
View File
@@ -1,15 +0,0 @@
declare const artplayerPluginAss: (options: Options) => (art: Artplayer) => {
name: 'artplayerPluginLibass'
libass: SubtitlesOctopus
visible: boolean
init: () => void
switch: (url: string) => void
show: () => void
hide: () => void
destroy: () => void
}
export default artplayerPluginAss
export = artplayerPluginLibass
export as namespace artplayerPluginLibass;
-16
View File
@@ -1,16 +0,0 @@
interface Option {
'width': string
'max-width': string
'min-width': string
}
interface Result {
name: 'artplayerPluginLiquidGlass'
}
declare const artplayerPluginLiquidGlass: (option?: Option) => (art: Artplayer) => Result
export default artplayerPluginLiquidGlass
export = artplayerPluginLiquidGlass
export as namespace artplayerPluginLiquidGlass;
@@ -1,8 +0,0 @@
/*!
* artplayer-plugin-liquid-glass.js v1.0.0
* Github: https://github.com/zhw2590582/ArtPlayer
* (c) 2017-2026 Harvey Zack
* Released under the MIT License.
*/
!function(e,t,r,o,n,a,i,l){var u="u">typeof globalThis?globalThis:"u">typeof self?self:"u">typeof window?window:"u">typeof global?global:{},d="function"==typeof u[o]&&u[o],c=d.i||{},s=d.cache||{},p="u">typeof module&&"function"==typeof module.require&&module.require.bind(module);function f(t,r){if(!s[t]){if(!e[t]){if(n[t])return n[t];var a="function"==typeof u[o]&&u[o];if(!r&&a)return a(t,!0);if(d)return d(t,!0);if(p&&"string"==typeof t)return p(t);var i=Error("Cannot find module '"+t+"'");throw i.code="MODULE_NOT_FOUND",i}c.resolve=function(r){var o=e[t][1][r];return null!=o?o:r},c.cache={};var l=s[t]=new f.Module(t);e[t][0].call(l.exports,c,l,l.exports,u)}return s[t].exports;function c(e){var t=c.resolve(e);if(!1===t)return{};if(Array.isArray(t)){var r={__esModule:!0};return t.forEach(function(e){var t=e[0],o=e[1],n=e[2]||e[0],a=f(o);"*"===t?Object.keys(a).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(r,e)||Object.defineProperty(r,e,{enumerable:!0,get:function(){return a[e]}})}):"*"===n?Object.defineProperty(r,t,{enumerable:!0,value:a}):Object.defineProperty(r,t,{enumerable:!0,get:function(){return"default"===n?a.__esModule?a.default:a:a[n]}})}),r}return f(t)}}f.isParcelRequire=!0,f.Module=function(e){this.id=e,this.bundle=f,this.require=p,this.exports={}},f.modules=e,f.cache=s,f.parent=d,f.distDir=void 0,f.publicUrl=void 0,f.devServer=void 0,f.i=c,f.register=function(t,r){e[t]=[function(e,t){t.exports=r},{}]},Object.defineProperty(f,"root",{get:function(){return u[o]}}),u[o]=f;for(var y=0;y<t.length;y++)f(t[y]);if(r){var g=f(r);"object"==typeof exports&&"u">typeof module?module.exports=g:"function"==typeof define&&define.amd&&define(function(){return g})}}({dOYQ3:[function(e,t,r,o){var n=e("@parcel/transformer-js/src/esmodule-helpers.js");n.defineInteropFlag(r),n.export(r,"default",()=>l);var a=e("bundle-text:./style.less"),i=n.interopDefault(a);function l(e={}){return t=>{let{constructor:r}=t,{addClass:o,append:n,createElement:a}=r.utils,{$bottom:i,$progress:l,$controls:u,$player:d}=t.template,c=a("div");return o(d,"artplayer-plugin-liquid-glass"),o(c,"art-liquid-glass"),n(i,c),n(c,l),n(c,u),t.on("control",t=>{t?(c.style.width=e.width,c.style["max-width"]=e["max-width"],c.style["min-width"]=e["min-width"]):(c.style.width="",c.style["max-width"]="",c.style["min-width"]="")}),{name:"artplayerPluginLiquidGlass"}}}if("u">typeof document){let e="artplayer-plugin-liquid-glass",t=document.getElementById(e);t||((t=document.createElement("style")).id=e,"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>{document.head.appendChild(t)}):(document.head||document.documentElement).appendChild(t)),t.textContent=i.default}"u">typeof window&&(window.artplayerPluginLiquidGlass=l)},{"bundle-text:./style.less":"kzvrd","@parcel/transformer-js/src/esmodule-helpers.js":"6ykb1"}],kzvrd:[function(e,t,r,o){t.exports=".artplayer-plugin-liquid-glass.art-control-show{--art-control-height:42px;--art-control-icon-size:24px;--art-control-icon-scale:1.1}.artplayer-plugin-liquid-glass.art-control-show .art-bottom{padding-bottom:var(--art-padding);background-image:none;align-items:center}.artplayer-plugin-liquid-glass.art-control-show .art-bottom .art-liquid-glass{backdrop-filter:blur(12px);padding:var(--art-padding)calc(var(--art-padding)*1.5)5px;background-color:#00000040;border-radius:8px}.artplayer-plugin-liquid-glass.art-control-show .art-settings{bottom:calc(var(--art-control-height) + var(--art-bottom-gap) + var(--art-padding))}.artplayer-plugin-liquid-glass.art-control-show .art-layer-auto-playback{bottom:calc(var(--art-control-height) + var(--art-bottom-gap) + var(--art-padding)*4 + 10px)}"},{}],"6ykb1":[function(e,t,r,o){r.interopDefault=function(e){return e&&e.__esModule?e:{default:e}},r.defineInteropFlag=function(e){Object.defineProperty(e,"__esModule",{value:!0})},r.exportAll=function(e,t){return Object.keys(e).forEach(function(r){"default"===r||"__esModule"===r||Object.prototype.hasOwnProperty.call(t,r)||Object.defineProperty(t,r,{enumerable:!0,get:function(){return e[r]}})}),t},r.export=function(e,t,r){Object.defineProperty(e,t,{enumerable:!0,get:r})}},{}]},["dOYQ3"],"dOYQ3","parcelRequire4dc0",{});
@@ -1,8 +0,0 @@
/*!
* artplayer-plugin-liquid-glass.js v1.0.0
* Github: https://github.com/zhw2590582/ArtPlayer
* (c) 2017-2026 Harvey Zack
* Released under the MIT License.
*/
!function(e,t,r,o,n,a,i,l){var u="u">typeof globalThis?globalThis:"u">typeof self?self:"u">typeof window?window:"u">typeof global?global:{},d="function"==typeof u[o]&&u[o],c=d.i||{},s=d.cache||{},p="u">typeof module&&"function"==typeof module.require&&module.require.bind(module);function f(t,r){if(!s[t]){if(!e[t]){if(n[t])return n[t];var a="function"==typeof u[o]&&u[o];if(!r&&a)return a(t,!0);if(d)return d(t,!0);if(p&&"string"==typeof t)return p(t);var i=Error("Cannot find module '"+t+"'");throw i.code="MODULE_NOT_FOUND",i}c.resolve=function(r){var o=e[t][1][r];return null!=o?o:r},c.cache={};var l=s[t]=new f.Module(t);e[t][0].call(l.exports,c,l,l.exports,u)}return s[t].exports;function c(e){var t=c.resolve(e);if(!1===t)return{};if(Array.isArray(t)){var r={__esModule:!0};return t.forEach(function(e){var t=e[0],o=e[1],n=e[2]||e[0],a=f(o);"*"===t?Object.keys(a).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(r,e)||Object.defineProperty(r,e,{enumerable:!0,get:function(){return a[e]}})}):"*"===n?Object.defineProperty(r,t,{enumerable:!0,value:a}):Object.defineProperty(r,t,{enumerable:!0,get:function(){return"default"===n?a.__esModule?a.default:a:a[n]}})}),r}return f(t)}}f.isParcelRequire=!0,f.Module=function(e){this.id=e,this.bundle=f,this.require=p,this.exports={}},f.modules=e,f.cache=s,f.parent=d,f.distDir=void 0,f.publicUrl=void 0,f.devServer=void 0,f.i=c,f.register=function(t,r){e[t]=[function(e,t){t.exports=r},{}]},Object.defineProperty(f,"root",{get:function(){return u[o]}}),u[o]=f;for(var g=0;g<t.length;g++)f(t[g]);if(r){var y=f(r);"object"==typeof exports&&"u">typeof module?module.exports=y:"function"==typeof define&&define.amd&&define(function(){return y})}}({bMV8e:[function(e,t,r,o){var n=e("@parcel/transformer-js/src/esmodule-helpers.js");n.defineInteropFlag(r),n.export(r,"default",function(){return l});var a=e("bundle-text:./style.less"),i=n.interopDefault(a);function l(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return function(t){var r=t.constructor.utils,o=r.addClass,n=r.append,a=r.createElement,i=t.template,l=i.$bottom,u=i.$progress,d=i.$controls,c=i.$player,s=a("div");return o(c,"artplayer-plugin-liquid-glass"),o(s,"art-liquid-glass"),n(l,s),n(s,u),n(s,d),t.on("control",function(t){t?(s.style.width=e.width,s.style["max-width"]=e["max-width"],s.style["min-width"]=e["min-width"]):(s.style.width="",s.style["max-width"]="",s.style["min-width"]="")}),{name:"artplayerPluginLiquidGlass"}}}if("u">typeof document){var u="artplayer-plugin-liquid-glass",d=document.getElementById(u);d||((d=document.createElement("style")).id=u,"loading"===document.readyState?document.addEventListener("DOMContentLoaded",function(){document.head.appendChild(d)}):(document.head||document.documentElement).appendChild(d)),d.textContent=i.default}"u">typeof window&&(window.artplayerPluginLiquidGlass=l)},{"bundle-text:./style.less":"3gqqK","@parcel/transformer-js/src/esmodule-helpers.js":"qpMMf"}],"3gqqK":[function(e,t,r,o){t.exports=".artplayer-plugin-liquid-glass.art-control-show{--art-control-height:42px;--art-control-icon-size:24px;--art-control-icon-scale:1.1}.artplayer-plugin-liquid-glass.art-control-show .art-bottom{padding-bottom:var(--art-padding);background-image:none;align-items:center}.artplayer-plugin-liquid-glass.art-control-show .art-bottom .art-liquid-glass{backdrop-filter:blur(12px);padding:var(--art-padding)calc(var(--art-padding)*1.5)5px;background-color:rgba(0,0,0,.25);border-radius:8px}.artplayer-plugin-liquid-glass.art-control-show .art-settings{bottom:calc(var(--art-control-height) + var(--art-bottom-gap) + var(--art-padding))}.artplayer-plugin-liquid-glass.art-control-show .art-layer-auto-playback{bottom:calc(var(--art-control-height) + var(--art-bottom-gap) + var(--art-padding)*4 + 10px)}"},{}],qpMMf:[function(e,t,r,o){r.interopDefault=function(e){return e&&e.__esModule?e:{default:e}},r.defineInteropFlag=function(e){Object.defineProperty(e,"__esModule",{value:!0})},r.exportAll=function(e,t){return Object.keys(e).forEach(function(r){"default"===r||"__esModule"===r||Object.prototype.hasOwnProperty.call(t,r)||Object.defineProperty(t,r,{enumerable:!0,get:function(){return e[r]}})}),t},r.export=function(e,t,r){Object.defineProperty(e,t,{enumerable:!0,get:r})}},{}]},["bMV8e"],"bMV8e","parcelRequire4dc0",{});
@@ -1,8 +0,0 @@
/*!
* artplayer-plugin-liquid-glass.js v1.0.0
* Github: https://github.com/zhw2590582/ArtPlayer
* (c) 2017-2026 Harvey Zack
* Released under the MIT License.
*/
!function(e,t,r,o,n,a,l,i){var u="u">typeof globalThis?globalThis:"u">typeof self?self:"u">typeof window?window:"u">typeof global?global:{},d="function"==typeof u[o]&&u[o],c=d.i||{},s=d.cache||{},p="u">typeof module&&"function"==typeof module.require&&module.require.bind(module);function f(t,r){if(!s[t]){if(!e[t]){if(n[t])return n[t];var a="function"==typeof u[o]&&u[o];if(!r&&a)return a(t,!0);if(d)return d(t,!0);if(p&&"string"==typeof t)return p(t);var l=Error("Cannot find module '"+t+"'");throw l.code="MODULE_NOT_FOUND",l}c.resolve=function(r){var o=e[t][1][r];return null!=o?o:r},c.cache={};var i=s[t]=new f.Module(t);e[t][0].call(i.exports,c,i,i.exports,u)}return s[t].exports;function c(e){var t=c.resolve(e);if(!1===t)return{};if(Array.isArray(t)){var r={__esModule:!0};return t.forEach(function(e){var t=e[0],o=e[1],n=e[2]||e[0],a=f(o);"*"===t?Object.keys(a).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(r,e)||Object.defineProperty(r,e,{enumerable:!0,get:function(){return a[e]}})}):"*"===n?Object.defineProperty(r,t,{enumerable:!0,value:a}):Object.defineProperty(r,t,{enumerable:!0,get:function(){return"default"===n?a.__esModule?a.default:a:a[n]}})}),r}return f(t)}}f.isParcelRequire=!0,f.Module=function(e){this.id=e,this.bundle=f,this.require=p,this.exports={}},f.modules=e,f.cache=s,f.parent=d,f.distDir=void 0,f.publicUrl=void 0,f.devServer=void 0,f.i=c,f.register=function(t,r){e[t]=[function(e,t){t.exports=r},{}]},Object.defineProperty(f,"root",{get:function(){return u[o]}}),u[o]=f;for(var g=0;g<t.length;g++)f(t[g]);if(r){var y=f(r);"object"==typeof exports&&"u">typeof module?module.exports=y:"function"==typeof define&&define.amd&&define(function(){return y})}}({d9Lrq:[function(e,t,r,o){var n=e("@parcel/transformer-js/src/esmodule-helpers.js");n.defineInteropFlag(r),n.export(r,"default",()=>i);var a=e("bundle-text:./style.less"),l=n.interopDefault(a);function i(e={}){return t=>{let{constructor:r}=t,{addClass:o,append:n,createElement:a}=r.utils,{$bottom:l,$progress:i,$controls:u,$player:d}=t.template,c=a("div");return o(d,"artplayer-plugin-liquid-glass"),o(c,"art-liquid-glass"),n(l,c),n(c,i),n(c,u),t.on("control",t=>{t?(c.style.width=e.width,c.style["max-width"]=e["max-width"],c.style["min-width"]=e["min-width"]):(c.style.width="",c.style["max-width"]="",c.style["min-width"]="")}),{name:"artplayerPluginLiquidGlass"}}}if("u">typeof document){let e="artplayer-plugin-liquid-glass",t=document.getElementById(e);t||((t=document.createElement("style")).id=e,"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>{document.head.appendChild(t)}):(document.head||document.documentElement).appendChild(t)),t.textContent=l.default}"u">typeof window&&(window.artplayerPluginLiquidGlass=i)},{"bundle-text:./style.less":"8Q9di","@parcel/transformer-js/src/esmodule-helpers.js":"loqXi"}],"8Q9di":[function(e,t,r,o){t.exports=".artplayer-plugin-liquid-glass.art-control-show{--art-control-height:42px;--art-control-icon-size:24px;--art-control-icon-scale:1.1}.artplayer-plugin-liquid-glass.art-control-show .art-bottom{padding-bottom:var(--art-padding);background-image:none;align-items:center}.artplayer-plugin-liquid-glass.art-control-show .art-bottom .art-liquid-glass{backdrop-filter:blur(12px);padding:var(--art-padding)calc(var(--art-padding)*1.5)5px;background-color:#00000040;border-radius:8px}.artplayer-plugin-liquid-glass.art-control-show .art-settings{bottom:calc(var(--art-control-height) + var(--art-bottom-gap) + var(--art-padding))}.artplayer-plugin-liquid-glass.art-control-show .art-layer-auto-playback{bottom:calc(var(--art-control-height) + var(--art-bottom-gap) + var(--art-padding)*4 + 10px)}"},{}],loqXi:[function(e,t,r,o){r.interopDefault=function(e){return e&&e.__esModule?e:{default:e}},r.defineInteropFlag=function(e){Object.defineProperty(e,"__esModule",{value:!0})},r.exportAll=function(e,t){return Object.keys(e).forEach(function(r){"default"===r||"__esModule"===r||Object.prototype.hasOwnProperty.call(t,r)||Object.defineProperty(t,r,{enumerable:!0,get:function(){return e[r]}})}),t},r.export=function(e,t,r){Object.defineProperty(e,t,{enumerable:!0,get:r})}},{}]},["d9Lrq"],"d9Lrq","parcelRequire4dc0",{});let{default:e}=parcelRequire4dc0("d9Lrq");export{e as default};
-4
View File
@@ -112,10 +112,6 @@
<li>
<a href="/?libs=./uncompiled/artplayer-plugin-document-pip/index.js&example=document.pip">artplayer-plugin-document-pip</a>
</li>
<li>
<a
href="/?libs=./uncompiled/artplayer-plugin-liquid-glass/index.js&example=liquid.glass">artplayer-plugin-liquid-glass</a>
</li>
<li>
<a
href="/?libs=./uncompiled/artplayer-plugin-jassub/index.js&example=jassub">artplayer-plugin-jassub</a>
@@ -1,293 +0,0 @@
// modules are defined as an array
// [ module function, map of requires ]
//
// map of requires is short require name -> numeric require
//
// anything defined in a previous bundle is accessed via the
// orig method which is the require for previous bundles
(function (
modules,
entry,
mainEntry,
parcelRequireName,
externals,
distDir,
publicUrl,
devServer
) {
/* eslint-disable no-undef */
var globalObject =
typeof globalThis !== 'undefined'
? globalThis
: typeof self !== 'undefined'
? self
: typeof window !== 'undefined'
? window
: typeof global !== 'undefined'
? global
: {};
/* eslint-enable no-undef */
// Save the require from previous bundle to this closure if any
var previousRequire =
typeof globalObject[parcelRequireName] === 'function' &&
globalObject[parcelRequireName];
var importMap = previousRequire.i || {};
var cache = previousRequire.cache || {};
// Do not use `require` to prevent Webpack from trying to bundle this call
var nodeRequire =
typeof module !== 'undefined' &&
typeof module.require === 'function' &&
module.require.bind(module);
function newRequire(name, jumped) {
if (!cache[name]) {
if (!modules[name]) {
if (externals[name]) {
return externals[name];
}
// if we cannot find the module within our internal map or
// cache jump to the current global require ie. the last bundle
// that was added to the page.
var currentRequire =
typeof globalObject[parcelRequireName] === 'function' &&
globalObject[parcelRequireName];
if (!jumped && currentRequire) {
return currentRequire(name, true);
}
// If there are other bundles on this page the require from the
// previous one is saved to 'previousRequire'. Repeat this as
// many times as there are bundles until the module is found or
// we exhaust the require chain.
if (previousRequire) {
return previousRequire(name, true);
}
// Try the node require function if it exists.
if (nodeRequire && typeof name === 'string') {
return nodeRequire(name);
}
var err = new Error("Cannot find module '" + name + "'");
err.code = 'MODULE_NOT_FOUND';
throw err;
}
localRequire.resolve = resolve;
localRequire.cache = {};
var module = (cache[name] = new newRequire.Module(name));
modules[name][0].call(
module.exports,
localRequire,
module,
module.exports,
globalObject
);
}
return cache[name].exports;
function localRequire(x) {
var res = localRequire.resolve(x);
if (res === false) {
return {};
}
// Synthesize a module to follow re-exports.
if (Array.isArray(res)) {
var m = {__esModule: true};
res.forEach(function (v) {
var key = v[0];
var id = v[1];
var exp = v[2] || v[0];
var x = newRequire(id);
if (key === '*') {
Object.keys(x).forEach(function (key) {
if (
key === 'default' ||
key === '__esModule' ||
Object.prototype.hasOwnProperty.call(m, key)
) {
return;
}
Object.defineProperty(m, key, {
enumerable: true,
get: function () {
return x[key];
},
});
});
} else if (exp === '*') {
Object.defineProperty(m, key, {
enumerable: true,
value: x,
});
} else {
Object.defineProperty(m, key, {
enumerable: true,
get: function () {
if (exp === 'default') {
return x.__esModule ? x.default : x;
}
return x[exp];
},
});
}
});
return m;
}
return newRequire(res);
}
function resolve(x) {
var id = modules[name][1][x];
return id != null ? id : x;
}
}
function Module(moduleName) {
this.id = moduleName;
this.bundle = newRequire;
this.require = nodeRequire;
this.exports = {};
}
newRequire.isParcelRequire = true;
newRequire.Module = Module;
newRequire.modules = modules;
newRequire.cache = cache;
newRequire.parent = previousRequire;
newRequire.distDir = distDir;
newRequire.publicUrl = publicUrl;
newRequire.devServer = devServer;
newRequire.i = importMap;
newRequire.register = function (id, exports) {
modules[id] = [
function (require, module) {
module.exports = exports;
},
{},
];
};
// Only insert newRequire.load when it is actually used.
// The code in this file is linted against ES5, so dynamic import is not allowed.
// INSERT_LOAD_HERE
Object.defineProperty(newRequire, 'root', {
get: function () {
return globalObject[parcelRequireName];
},
});
globalObject[parcelRequireName] = newRequire;
for (var i = 0; i < entry.length; i++) {
newRequire(entry[i]);
}
if (mainEntry) {
// Expose entry point to Node, AMD or browser globals
// Based on https://github.com/ForbesLindesay/umd/blob/master/template.js
var mainExports = newRequire(mainEntry);
// CommonJS
if (typeof exports === 'object' && typeof module !== 'undefined') {
module.exports = mainExports;
// RequireJS
} else if (typeof define === 'function' && define.amd) {
define(function () {
return mainExports;
});
}
}
})({"iN7Pn":[function(require,module,exports,__globalThis) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "default", ()=>artplayerPluginLiquidGlass);
var _styleLess = require("bundle-text:./style.less");
var _styleLessDefault = parcelHelpers.interopDefault(_styleLess);
function artplayerPluginLiquidGlass(option = {}) {
return (art)=>{
const { constructor } = art;
const { addClass, append, createElement } = constructor.utils;
const { $bottom, $progress, $controls, $player } = art.template;
const $liquidGlass = createElement('div');
addClass($player, 'artplayer-plugin-liquid-glass');
addClass($liquidGlass, 'art-liquid-glass');
append($bottom, $liquidGlass);
append($liquidGlass, $progress);
append($liquidGlass, $controls);
art.on('control', (state)=>{
if (state) {
$liquidGlass.style.width = option.width;
$liquidGlass.style['max-width'] = option['max-width'];
$liquidGlass.style['min-width'] = option['min-width'];
} else {
$liquidGlass.style.width = '';
$liquidGlass.style['max-width'] = '';
$liquidGlass.style['min-width'] = '';
}
});
return {
name: 'artplayerPluginLiquidGlass'
};
};
}
if (typeof document !== 'undefined') {
const id = 'artplayer-plugin-liquid-glass';
let $style = document.getElementById(id);
if (!$style) {
$style = document.createElement('style');
$style.id = id;
if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', ()=>{
document.head.appendChild($style);
});
else (document.head || document.documentElement).appendChild($style);
}
$style.textContent = (0, _styleLessDefault.default);
}
if (typeof window !== 'undefined') window.artplayerPluginLiquidGlass = artplayerPluginLiquidGlass;
},{"bundle-text:./style.less":"aTKsv","@parcel/transformer-js/src/esmodule-helpers.js":"8oCsH"}],"aTKsv":[function(require,module,exports,__globalThis) {
module.exports = ".artplayer-plugin-liquid-glass.art-control-show {\n --art-control-height: 42px;\n --art-control-icon-size: 24px;\n --art-control-icon-scale: 1.1;\n}\n\n.artplayer-plugin-liquid-glass.art-control-show .art-bottom {\n padding-bottom: var(--art-padding);\n background-image: none;\n align-items: center;\n}\n\n.artplayer-plugin-liquid-glass.art-control-show .art-bottom .art-liquid-glass {\n backdrop-filter: blur(12px);\n padding: var(--art-padding) calc(var(--art-padding) * 1.5) 5px;\n background-color: #00000040;\n border-radius: 8px;\n}\n\n.artplayer-plugin-liquid-glass.art-control-show .art-settings {\n bottom: calc(var(--art-control-height) + var(--art-bottom-gap) + var(--art-padding));\n}\n\n.artplayer-plugin-liquid-glass.art-control-show .art-layer-auto-playback {\n bottom: calc(var(--art-control-height) + var(--art-bottom-gap) + var(--art-padding) * 4 + 10px);\n}\n";
},{}],"8oCsH":[function(require,module,exports,__globalThis) {
exports.interopDefault = function(a) {
return a && a.__esModule ? a : {
default: a
};
};
exports.defineInteropFlag = function(a) {
Object.defineProperty(a, '__esModule', {
value: true
});
};
exports.exportAll = function(source, dest) {
Object.keys(source).forEach(function(key) {
if (key === 'default' || key === '__esModule' || Object.prototype.hasOwnProperty.call(dest, key)) return;
Object.defineProperty(dest, key, {
enumerable: true,
get: function() {
return source[key];
}
});
});
return dest;
};
exports.export = function(dest, destName, get) {
Object.defineProperty(dest, destName, {
enumerable: true,
get: get
});
};
},{}]},["iN7Pn"], "iN7Pn", "parcelRequire4dc0", {})
//# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6CAEwB;AAFxB;;AAEe,SAAS,2BAA2B,SAAS,CAAC,CAAC;IAC5D,OAAO,CAAC;QACN,MAAM,EAAE,WAAW,EAAE,GAAG;QACxB,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,YAAY,KAAK;QAC7D,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,QAAQ;QAE/D,MAAM,eAAe,cAAc;QACnC,SAAS,SAAS;QAClB,SAAS,cAAc;QACvB,OAAO,SAAS;QAChB,OAAO,cAAc;QACrB,OAAO,cAAc;QAErB,IAAI,EAAE,CAAC,WAAW,CAAC;YACjB,IAAI,OAAO;gBACT,aAAa,KAAK,CAAC,KAAK,GAAG,OAAO,KAAK;gBACvC,aAAa,KAAK,CAAC,YAAY,GAAG,MAAM,CAAC,YAAY;gBACrD,aAAa,KAAK,CAAC,YAAY,GAAG,MAAM,CAAC,YAAY;YACvD,OACK;gBACH,aAAa,KAAK,CAAC,KAAK,GAAG;gBAC3B,aAAa,KAAK,CAAC,YAAY,GAAG;gBAClC,aAAa,KAAK,CAAC,YAAY,GAAG;YACpC;QACF;QAEA,OAAO;YACL,MAAM;QACR;IACF;AACF;AAEA,IAAI,OAAO,aAAa,aAAa;IACnC,MAAM,KAAK;IACX,IAAI,SAAS,SAAS,cAAc,CAAC;IACrC,IAAI,CAAC,QAAQ;QACX,SAAS,SAAS,aAAa,CAAC;QAChC,OAAO,EAAE,GAAG;QACZ,IAAI,SAAS,UAAU,KAAK,WAC1B,SAAS,gBAAgB,CAAC,oBAAoB;YAC5C,SAAS,IAAI,CAAC,WAAW,CAAC;QAC5B;aAGA,AAAC,CAAA,SAAS,IAAI,IAAI,SAAS,eAAe,AAAD,EAAG,WAAW,CAAC;IAE5D;IACA,OAAO,WAAW,GAAG,CAAA,GAAA,yBAAK,AAAD;AAC3B;AAEA,IAAI,OAAO,WAAW,aACpB,OAAO,0BAA0B,GAAG;;;ACrDtC,OAAO,OAAO,GAAG;;;ACAjB,QAAQ,cAAc,GAAG,SAAU,CAAC;IAClC,OAAO,KAAK,EAAE,UAAU,GAAG,IAAI;QAAC,SAAS;IAAC;AAC5C;AAEA,QAAQ,iBAAiB,GAAG,SAAU,CAAC;IACrC,OAAO,cAAc,CAAC,GAAG,cAAc;QAAC,OAAO;IAAI;AACrD;AAEA,QAAQ,SAAS,GAAG,SAAU,MAAM,EAAE,IAAI;IACxC,OAAO,IAAI,CAAC,QAAQ,OAAO,CAAC,SAAU,GAAG;QACvC,IACE,QAAQ,aACR,QAAQ,gBACR,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,MAE3C;QAGF,OAAO,cAAc,CAAC,MAAM,KAAK;YAC/B,YAAY;YACZ,KAAK;gBACH,OAAO,MAAM,CAAC,IAAI;YACpB;QACF;IACF;IAEA,OAAO;AACT;AAEA,QAAQ,MAAM,GAAG,SAAU,IAAI,EAAE,QAAQ,EAAE,GAAG;IAC5C,OAAO,cAAc,CAAC,MAAM,UAAU;QACpC,YAAY;QACZ,KAAK;IACP;AACF","sources":["packages/artplayer-plugin-liquid-glass/src/index.js","node_modules/@parcel/runtime-js/lib/bundles/runtime-337dc7bedcf9e8cc.js","node_modules/@parcel/transformer-js/src/esmodule-helpers.js"],"sourcesContent":["import style from 'bundle-text:./style.less'\n\nexport default function artplayerPluginLiquidGlass(option = {}) {\n return (art) => {\n const { constructor } = art\n const { addClass, append, createElement } = constructor.utils\n const { $bottom, $progress, $controls, $player } = art.template\n\n const $liquidGlass = createElement('div')\n addClass($player, 'artplayer-plugin-liquid-glass')\n addClass($liquidGlass, 'art-liquid-glass')\n append($bottom, $liquidGlass)\n append($liquidGlass, $progress)\n append($liquidGlass, $controls)\n\n art.on('control', (state) => {\n if (state) {\n $liquidGlass.style.width = option.width\n $liquidGlass.style['max-width'] = option['max-width']\n $liquidGlass.style['min-width'] = option['min-width']\n }\n else {\n $liquidGlass.style.width = ''\n $liquidGlass.style['max-width'] = ''\n $liquidGlass.style['min-width'] = ''\n }\n })\n\n return {\n name: 'artplayerPluginLiquidGlass',\n }\n }\n}\n\nif (typeof document !== 'undefined') {\n const id = 'artplayer-plugin-liquid-glass'\n let $style = document.getElementById(id)\n if (!$style) {\n $style = document.createElement('style')\n $style.id = id\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', () => {\n document.head.appendChild($style)\n })\n }\n else {\n (document.head || document.documentElement).appendChild($style)\n }\n }\n $style.textContent = style\n}\n\nif (typeof window !== 'undefined') {\n window.artplayerPluginLiquidGlass = artplayerPluginLiquidGlass\n}\n","module.exports = \"b51d5559f0e96769\";","exports.interopDefault = function (a) {\n return a && a.__esModule ? a : {default: a};\n};\n\nexports.defineInteropFlag = function (a) {\n Object.defineProperty(a, '__esModule', {value: true});\n};\n\nexports.exportAll = function (source, dest) {\n Object.keys(source).forEach(function (key) {\n if (\n key === 'default' ||\n key === '__esModule' ||\n Object.prototype.hasOwnProperty.call(dest, key)\n ) {\n return;\n }\n\n Object.defineProperty(dest, key, {\n enumerable: true,\n get: function () {\n return source[key];\n },\n });\n });\n\n return dest;\n};\n\nexports.export = function (dest, destName, get) {\n Object.defineProperty(dest, destName, {\n enumerable: true,\n get: get,\n });\n};\n"],"names":[],"version":3,"file":"index.js.map","sourceRoot":"../../../"}
@@ -1,6 +0,0 @@
node_modules
.DS_Store
.parcel-cache
yarn.lock
package-lock.json
src
@@ -1,11 +0,0 @@
# artplayer-plugin-liquid-glass
liquid-glass plugin for ArtPlayer
## Demo
[https://artplayer.org](https://artplayer.org/?libs=./uncompiled/artplayer-plugin-liquid-glass/index.js&example=liquid-glass)
## License
MIT © Harvey Zack
@@ -1,8 +0,0 @@
/*!
* artplayer-plugin-liquid-glass.js v1.0.0
* Github: https://github.com/zhw2590582/ArtPlayer
* (c) 2017-2026 Harvey Zack
* Released under the MIT License.
*/
!function(e,t,r,o,n,a,i,l){var u="u">typeof globalThis?globalThis:"u">typeof self?self:"u">typeof window?window:"u">typeof global?global:{},d="function"==typeof u[o]&&u[o],c=d.i||{},s=d.cache||{},p="u">typeof module&&"function"==typeof module.require&&module.require.bind(module);function f(t,r){if(!s[t]){if(!e[t]){if(n[t])return n[t];var a="function"==typeof u[o]&&u[o];if(!r&&a)return a(t,!0);if(d)return d(t,!0);if(p&&"string"==typeof t)return p(t);var i=Error("Cannot find module '"+t+"'");throw i.code="MODULE_NOT_FOUND",i}c.resolve=function(r){var o=e[t][1][r];return null!=o?o:r},c.cache={};var l=s[t]=new f.Module(t);e[t][0].call(l.exports,c,l,l.exports,u)}return s[t].exports;function c(e){var t=c.resolve(e);if(!1===t)return{};if(Array.isArray(t)){var r={__esModule:!0};return t.forEach(function(e){var t=e[0],o=e[1],n=e[2]||e[0],a=f(o);"*"===t?Object.keys(a).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(r,e)||Object.defineProperty(r,e,{enumerable:!0,get:function(){return a[e]}})}):"*"===n?Object.defineProperty(r,t,{enumerable:!0,value:a}):Object.defineProperty(r,t,{enumerable:!0,get:function(){return"default"===n?a.__esModule?a.default:a:a[n]}})}),r}return f(t)}}f.isParcelRequire=!0,f.Module=function(e){this.id=e,this.bundle=f,this.require=p,this.exports={}},f.modules=e,f.cache=s,f.parent=d,f.distDir=void 0,f.publicUrl=void 0,f.devServer=void 0,f.i=c,f.register=function(t,r){e[t]=[function(e,t){t.exports=r},{}]},Object.defineProperty(f,"root",{get:function(){return u[o]}}),u[o]=f;for(var y=0;y<t.length;y++)f(t[y]);if(r){var g=f(r);"object"==typeof exports&&"u">typeof module?module.exports=g:"function"==typeof define&&define.amd&&define(function(){return g})}}({dOYQ3:[function(e,t,r,o){var n=e("@parcel/transformer-js/src/esmodule-helpers.js");n.defineInteropFlag(r),n.export(r,"default",()=>l);var a=e("bundle-text:./style.less"),i=n.interopDefault(a);function l(e={}){return t=>{let{constructor:r}=t,{addClass:o,append:n,createElement:a}=r.utils,{$bottom:i,$progress:l,$controls:u,$player:d}=t.template,c=a("div");return o(d,"artplayer-plugin-liquid-glass"),o(c,"art-liquid-glass"),n(i,c),n(c,l),n(c,u),t.on("control",t=>{t?(c.style.width=e.width,c.style["max-width"]=e["max-width"],c.style["min-width"]=e["min-width"]):(c.style.width="",c.style["max-width"]="",c.style["min-width"]="")}),{name:"artplayerPluginLiquidGlass"}}}if("u">typeof document){let e="artplayer-plugin-liquid-glass",t=document.getElementById(e);t||((t=document.createElement("style")).id=e,"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>{document.head.appendChild(t)}):(document.head||document.documentElement).appendChild(t)),t.textContent=i.default}"u">typeof window&&(window.artplayerPluginLiquidGlass=l)},{"bundle-text:./style.less":"kzvrd","@parcel/transformer-js/src/esmodule-helpers.js":"6ykb1"}],kzvrd:[function(e,t,r,o){t.exports=".artplayer-plugin-liquid-glass.art-control-show{--art-control-height:42px;--art-control-icon-size:24px;--art-control-icon-scale:1.1}.artplayer-plugin-liquid-glass.art-control-show .art-bottom{padding-bottom:var(--art-padding);background-image:none;align-items:center}.artplayer-plugin-liquid-glass.art-control-show .art-bottom .art-liquid-glass{backdrop-filter:blur(12px);padding:var(--art-padding)calc(var(--art-padding)*1.5)5px;background-color:#00000040;border-radius:8px}.artplayer-plugin-liquid-glass.art-control-show .art-settings{bottom:calc(var(--art-control-height) + var(--art-bottom-gap) + var(--art-padding))}.artplayer-plugin-liquid-glass.art-control-show .art-layer-auto-playback{bottom:calc(var(--art-control-height) + var(--art-bottom-gap) + var(--art-padding)*4 + 10px)}"},{}],"6ykb1":[function(e,t,r,o){r.interopDefault=function(e){return e&&e.__esModule?e:{default:e}},r.defineInteropFlag=function(e){Object.defineProperty(e,"__esModule",{value:!0})},r.exportAll=function(e,t){return Object.keys(e).forEach(function(r){"default"===r||"__esModule"===r||Object.prototype.hasOwnProperty.call(t,r)||Object.defineProperty(t,r,{enumerable:!0,get:function(){return e[r]}})}),t},r.export=function(e,t,r){Object.defineProperty(e,t,{enumerable:!0,get:r})}},{}]},["dOYQ3"],"dOYQ3","parcelRequire4dc0",{});
@@ -1,8 +0,0 @@
/*!
* artplayer-plugin-liquid-glass.js v1.0.0
* Github: https://github.com/zhw2590582/ArtPlayer
* (c) 2017-2026 Harvey Zack
* Released under the MIT License.
*/
!function(e,t,r,o,n,a,i,l){var u="u">typeof globalThis?globalThis:"u">typeof self?self:"u">typeof window?window:"u">typeof global?global:{},d="function"==typeof u[o]&&u[o],c=d.i||{},s=d.cache||{},p="u">typeof module&&"function"==typeof module.require&&module.require.bind(module);function f(t,r){if(!s[t]){if(!e[t]){if(n[t])return n[t];var a="function"==typeof u[o]&&u[o];if(!r&&a)return a(t,!0);if(d)return d(t,!0);if(p&&"string"==typeof t)return p(t);var i=Error("Cannot find module '"+t+"'");throw i.code="MODULE_NOT_FOUND",i}c.resolve=function(r){var o=e[t][1][r];return null!=o?o:r},c.cache={};var l=s[t]=new f.Module(t);e[t][0].call(l.exports,c,l,l.exports,u)}return s[t].exports;function c(e){var t=c.resolve(e);if(!1===t)return{};if(Array.isArray(t)){var r={__esModule:!0};return t.forEach(function(e){var t=e[0],o=e[1],n=e[2]||e[0],a=f(o);"*"===t?Object.keys(a).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(r,e)||Object.defineProperty(r,e,{enumerable:!0,get:function(){return a[e]}})}):"*"===n?Object.defineProperty(r,t,{enumerable:!0,value:a}):Object.defineProperty(r,t,{enumerable:!0,get:function(){return"default"===n?a.__esModule?a.default:a:a[n]}})}),r}return f(t)}}f.isParcelRequire=!0,f.Module=function(e){this.id=e,this.bundle=f,this.require=p,this.exports={}},f.modules=e,f.cache=s,f.parent=d,f.distDir=void 0,f.publicUrl=void 0,f.devServer=void 0,f.i=c,f.register=function(t,r){e[t]=[function(e,t){t.exports=r},{}]},Object.defineProperty(f,"root",{get:function(){return u[o]}}),u[o]=f;for(var g=0;g<t.length;g++)f(t[g]);if(r){var y=f(r);"object"==typeof exports&&"u">typeof module?module.exports=y:"function"==typeof define&&define.amd&&define(function(){return y})}}({bMV8e:[function(e,t,r,o){var n=e("@parcel/transformer-js/src/esmodule-helpers.js");n.defineInteropFlag(r),n.export(r,"default",function(){return l});var a=e("bundle-text:./style.less"),i=n.interopDefault(a);function l(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return function(t){var r=t.constructor.utils,o=r.addClass,n=r.append,a=r.createElement,i=t.template,l=i.$bottom,u=i.$progress,d=i.$controls,c=i.$player,s=a("div");return o(c,"artplayer-plugin-liquid-glass"),o(s,"art-liquid-glass"),n(l,s),n(s,u),n(s,d),t.on("control",function(t){t?(s.style.width=e.width,s.style["max-width"]=e["max-width"],s.style["min-width"]=e["min-width"]):(s.style.width="",s.style["max-width"]="",s.style["min-width"]="")}),{name:"artplayerPluginLiquidGlass"}}}if("u">typeof document){var u="artplayer-plugin-liquid-glass",d=document.getElementById(u);d||((d=document.createElement("style")).id=u,"loading"===document.readyState?document.addEventListener("DOMContentLoaded",function(){document.head.appendChild(d)}):(document.head||document.documentElement).appendChild(d)),d.textContent=i.default}"u">typeof window&&(window.artplayerPluginLiquidGlass=l)},{"bundle-text:./style.less":"3gqqK","@parcel/transformer-js/src/esmodule-helpers.js":"qpMMf"}],"3gqqK":[function(e,t,r,o){t.exports=".artplayer-plugin-liquid-glass.art-control-show{--art-control-height:42px;--art-control-icon-size:24px;--art-control-icon-scale:1.1}.artplayer-plugin-liquid-glass.art-control-show .art-bottom{padding-bottom:var(--art-padding);background-image:none;align-items:center}.artplayer-plugin-liquid-glass.art-control-show .art-bottom .art-liquid-glass{backdrop-filter:blur(12px);padding:var(--art-padding)calc(var(--art-padding)*1.5)5px;background-color:rgba(0,0,0,.25);border-radius:8px}.artplayer-plugin-liquid-glass.art-control-show .art-settings{bottom:calc(var(--art-control-height) + var(--art-bottom-gap) + var(--art-padding))}.artplayer-plugin-liquid-glass.art-control-show .art-layer-auto-playback{bottom:calc(var(--art-control-height) + var(--art-bottom-gap) + var(--art-padding)*4 + 10px)}"},{}],qpMMf:[function(e,t,r,o){r.interopDefault=function(e){return e&&e.__esModule?e:{default:e}},r.defineInteropFlag=function(e){Object.defineProperty(e,"__esModule",{value:!0})},r.exportAll=function(e,t){return Object.keys(e).forEach(function(r){"default"===r||"__esModule"===r||Object.prototype.hasOwnProperty.call(t,r)||Object.defineProperty(t,r,{enumerable:!0,get:function(){return e[r]}})}),t},r.export=function(e,t,r){Object.defineProperty(e,t,{enumerable:!0,get:r})}},{}]},["bMV8e"],"bMV8e","parcelRequire4dc0",{});
@@ -1,8 +0,0 @@
/*!
* artplayer-plugin-liquid-glass.js v1.0.0
* Github: https://github.com/zhw2590582/ArtPlayer
* (c) 2017-2026 Harvey Zack
* Released under the MIT License.
*/
!function(e,t,r,o,n,a,l,i){var u="u">typeof globalThis?globalThis:"u">typeof self?self:"u">typeof window?window:"u">typeof global?global:{},d="function"==typeof u[o]&&u[o],c=d.i||{},s=d.cache||{},p="u">typeof module&&"function"==typeof module.require&&module.require.bind(module);function f(t,r){if(!s[t]){if(!e[t]){if(n[t])return n[t];var a="function"==typeof u[o]&&u[o];if(!r&&a)return a(t,!0);if(d)return d(t,!0);if(p&&"string"==typeof t)return p(t);var l=Error("Cannot find module '"+t+"'");throw l.code="MODULE_NOT_FOUND",l}c.resolve=function(r){var o=e[t][1][r];return null!=o?o:r},c.cache={};var i=s[t]=new f.Module(t);e[t][0].call(i.exports,c,i,i.exports,u)}return s[t].exports;function c(e){var t=c.resolve(e);if(!1===t)return{};if(Array.isArray(t)){var r={__esModule:!0};return t.forEach(function(e){var t=e[0],o=e[1],n=e[2]||e[0],a=f(o);"*"===t?Object.keys(a).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(r,e)||Object.defineProperty(r,e,{enumerable:!0,get:function(){return a[e]}})}):"*"===n?Object.defineProperty(r,t,{enumerable:!0,value:a}):Object.defineProperty(r,t,{enumerable:!0,get:function(){return"default"===n?a.__esModule?a.default:a:a[n]}})}),r}return f(t)}}f.isParcelRequire=!0,f.Module=function(e){this.id=e,this.bundle=f,this.require=p,this.exports={}},f.modules=e,f.cache=s,f.parent=d,f.distDir=void 0,f.publicUrl=void 0,f.devServer=void 0,f.i=c,f.register=function(t,r){e[t]=[function(e,t){t.exports=r},{}]},Object.defineProperty(f,"root",{get:function(){return u[o]}}),u[o]=f;for(var g=0;g<t.length;g++)f(t[g]);if(r){var y=f(r);"object"==typeof exports&&"u">typeof module?module.exports=y:"function"==typeof define&&define.amd&&define(function(){return y})}}({d9Lrq:[function(e,t,r,o){var n=e("@parcel/transformer-js/src/esmodule-helpers.js");n.defineInteropFlag(r),n.export(r,"default",()=>i);var a=e("bundle-text:./style.less"),l=n.interopDefault(a);function i(e={}){return t=>{let{constructor:r}=t,{addClass:o,append:n,createElement:a}=r.utils,{$bottom:l,$progress:i,$controls:u,$player:d}=t.template,c=a("div");return o(d,"artplayer-plugin-liquid-glass"),o(c,"art-liquid-glass"),n(l,c),n(c,i),n(c,u),t.on("control",t=>{t?(c.style.width=e.width,c.style["max-width"]=e["max-width"],c.style["min-width"]=e["min-width"]):(c.style.width="",c.style["max-width"]="",c.style["min-width"]="")}),{name:"artplayerPluginLiquidGlass"}}}if("u">typeof document){let e="artplayer-plugin-liquid-glass",t=document.getElementById(e);t||((t=document.createElement("style")).id=e,"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>{document.head.appendChild(t)}):(document.head||document.documentElement).appendChild(t)),t.textContent=l.default}"u">typeof window&&(window.artplayerPluginLiquidGlass=i)},{"bundle-text:./style.less":"8Q9di","@parcel/transformer-js/src/esmodule-helpers.js":"loqXi"}],"8Q9di":[function(e,t,r,o){t.exports=".artplayer-plugin-liquid-glass.art-control-show{--art-control-height:42px;--art-control-icon-size:24px;--art-control-icon-scale:1.1}.artplayer-plugin-liquid-glass.art-control-show .art-bottom{padding-bottom:var(--art-padding);background-image:none;align-items:center}.artplayer-plugin-liquid-glass.art-control-show .art-bottom .art-liquid-glass{backdrop-filter:blur(12px);padding:var(--art-padding)calc(var(--art-padding)*1.5)5px;background-color:#00000040;border-radius:8px}.artplayer-plugin-liquid-glass.art-control-show .art-settings{bottom:calc(var(--art-control-height) + var(--art-bottom-gap) + var(--art-padding))}.artplayer-plugin-liquid-glass.art-control-show .art-layer-auto-playback{bottom:calc(var(--art-control-height) + var(--art-bottom-gap) + var(--art-padding)*4 + 10px)}"},{}],loqXi:[function(e,t,r,o){r.interopDefault=function(e){return e&&e.__esModule?e:{default:e}},r.defineInteropFlag=function(e){Object.defineProperty(e,"__esModule",{value:!0})},r.exportAll=function(e,t){return Object.keys(e).forEach(function(r){"default"===r||"__esModule"===r||Object.prototype.hasOwnProperty.call(t,r)||Object.defineProperty(t,r,{enumerable:!0,get:function(){return e[r]}})}),t},r.export=function(e,t,r){Object.defineProperty(e,t,{enumerable:!0,get:r})}},{}]},["d9Lrq"],"d9Lrq","parcelRequire4dc0",{});let{default:e}=parcelRequire4dc0("d9Lrq");export{e as default};
@@ -1,38 +0,0 @@
{
"name": "artplayer-plugin-liquid-glass",
"version": "1.0.0",
"description": "liquid-glass plugin for ArtPlayer",
"author": "Harvey Zack <laozhaochaguan@gmail.com>",
"license": "MIT",
"homepage": "https://artplayer.org",
"repository": {
"type": "git",
"url": "git+https://github.com/zhw2590582/ArtPlayer.git"
},
"bugs": {
"url": "https://github.com/zhw2590582/ArtPlayer/issues"
},
"keywords": [
"html5",
"video",
"player"
],
"exports": {
".": {
"types": "./types/artplayer-plugin-liquid-glass.d.ts",
"import": "./dist/artplayer-plugin-liquid-glass.mjs",
"require": "./dist/artplayer-plugin-liquid-glass.js"
},
"./legacy": {
"types": "./types/artplayer-plugin-liquid-glass.d.ts",
"import": "./dist/artplayer-plugin-liquid-glass.legacy.js",
"require": "./dist/artplayer-plugin-liquid-glass.legacy.js"
}
},
"main": "dist/artplayer-plugin-liquid-glass.js",
"module": "./dist/artplayer-plugin-liquid-glass.mjs",
"types": "types/artplayer-plugin-liquid-glass.d.ts",
"legacy": "dist/artplayer-plugin-liquid-glass.legacy.js",
"browserslist": "last 1 Chrome version"
}
@@ -1,55 +0,0 @@
import style from 'bundle-text:./style.less'
export default function artplayerPluginLiquidGlass(option = {}) {
return (art) => {
const { constructor } = art
const { addClass, append, createElement } = constructor.utils
const { $bottom, $progress, $controls, $player } = art.template
const $liquidGlass = createElement('div')
addClass($player, 'artplayer-plugin-liquid-glass')
addClass($liquidGlass, 'art-liquid-glass')
append($bottom, $liquidGlass)
append($liquidGlass, $progress)
append($liquidGlass, $controls)
art.on('control', (state) => {
if (state) {
$liquidGlass.style.width = option.width
$liquidGlass.style['max-width'] = option['max-width']
$liquidGlass.style['min-width'] = option['min-width']
}
else {
$liquidGlass.style.width = ''
$liquidGlass.style['max-width'] = ''
$liquidGlass.style['min-width'] = ''
}
})
return {
name: 'artplayerPluginLiquidGlass',
}
}
}
if (typeof document !== 'undefined') {
const id = 'artplayer-plugin-liquid-glass'
let $style = document.getElementById(id)
if (!$style) {
$style = document.createElement('style')
$style.id = id
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', () => {
document.head.appendChild($style)
})
}
else {
(document.head || document.documentElement).appendChild($style)
}
}
$style.textContent = style
}
if (typeof window !== 'undefined') {
window.artplayerPluginLiquidGlass = artplayerPluginLiquidGlass
}
@@ -1,28 +0,0 @@
.artplayer-plugin-liquid-glass {
&.art-control-show {
--art-control-height: 42px;
--art-control-icon-size: 24px;
--art-control-icon-scale: 1.1;
.art-bottom {
align-items: center;
background-image: none;
padding-bottom: var(--art-padding);
.art-liquid-glass {
border-radius: 8px;
backdrop-filter: blur(12px);
background-color: rgba(0, 0, 0, 0.25);
padding: var(--art-padding) calc(var(--art-padding) * 1.5) 5px;
}
}
.art-settings {
bottom: calc(var(--art-control-height) + var(--art-bottom-gap) + var(--art-padding));
}
.art-layer-auto-playback {
bottom: calc(var(--art-control-height) + var(--art-bottom-gap) + var(--art-padding) * 4 + 10px);
}
}
}
@@ -1,15 +0,0 @@
import type Artplayer from 'artplayer'
interface Option {
'width': string
'max-width': string
'min-width': string
}
interface Result {
name: 'artplayerPluginLiquidGlass'
}
declare const artplayerPluginLiquidGlass: (option?: Option) => (art: Artplayer) => Result
export default artplayerPluginLiquidGlass