mirror of
https://github.com/zhw2590582/ArtPlayer.git
synced 2026-10-11 13:56:15 -08:00
Enhance liquid glass plugin styles: update background properties and blur effect
- Removed !important from background-image in the art-bottom class. - Increased blur effect to 12px for the art-liquid-glass class. - Changed background color to a darker rgba value for better visibility.
This commit is contained in:
Harvey Zhao committed
1 parent
7b4ca85844
commit
04b955f455
4 files changed
+190
-171
No files matched your search
@@ -6,7 +6,16 @@
|
||||
// anything defined in a previous bundle is accessed via the
|
||||
// orig method which is the require for previous bundles
|
||||
|
||||
(function (modules, entry, mainEntry, parcelRequireName, globalName) {
|
||||
(function (
|
||||
modules,
|
||||
entry,
|
||||
mainEntry,
|
||||
parcelRequireName,
|
||||
externals,
|
||||
distDir,
|
||||
publicUrl,
|
||||
devServer
|
||||
) {
|
||||
/* eslint-disable no-undef */
|
||||
var globalObject =
|
||||
typeof globalThis !== 'undefined'
|
||||
@@ -25,6 +34,7 @@
|
||||
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 =
|
||||
@@ -35,6 +45,9 @@
|
||||
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.
|
||||
@@ -73,7 +86,7 @@
|
||||
localRequire,
|
||||
module,
|
||||
module.exports,
|
||||
this
|
||||
globalObject
|
||||
);
|
||||
}
|
||||
|
||||
@@ -93,6 +106,7 @@
|
||||
function Module(moduleName) {
|
||||
this.id = moduleName;
|
||||
this.bundle = newRequire;
|
||||
this.require = nodeRequire;
|
||||
this.exports = {};
|
||||
}
|
||||
|
||||
@@ -101,6 +115,10 @@
|
||||
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) {
|
||||
@@ -110,6 +128,10 @@
|
||||
];
|
||||
};
|
||||
|
||||
// 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];
|
||||
@@ -136,22 +158,19 @@
|
||||
define(function () {
|
||||
return mainExports;
|
||||
});
|
||||
|
||||
// <script>
|
||||
} else if (globalName) {
|
||||
this[globalName] = mainExports;
|
||||
}
|
||||
}
|
||||
})({"gEVO5":[function(require,module,exports) {
|
||||
})({"hVOIc":[function(require,module,exports,__globalThis) {
|
||||
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
|
||||
parcelHelpers.defineInteropFlag(exports);
|
||||
parcelHelpers.export(exports, "default", ()=>artplayerPluginLibass);
|
||||
var _adapter = require("./adapter");
|
||||
var _adapterDefault = parcelHelpers.interopDefault(_adapter);
|
||||
function artplayerPluginLibass(option) {
|
||||
return (art)=>{
|
||||
const adapter = new (0, _adapterDefault.default)(art, option);
|
||||
return {
|
||||
name: "artplayerPluginLibass",
|
||||
name: 'artplayerPluginLibass',
|
||||
libass: adapter.libass,
|
||||
visible: adapter.visible,
|
||||
init: adapter.init.bind(adapter),
|
||||
@@ -162,10 +181,9 @@ function artplayerPluginLibass(option) {
|
||||
};
|
||||
};
|
||||
}
|
||||
exports.default = artplayerPluginLibass;
|
||||
if (typeof window !== "undefined") window["artplayerPluginLibass"] = artplayerPluginLibass;
|
||||
if (typeof window !== 'undefined') window.artplayerPluginLibass = artplayerPluginLibass;
|
||||
|
||||
},{"./adapter":"k93pI","@parcel/transformer-js/src/esmodule-helpers.js":"6SDkN"}],"k93pI":[function(require,module,exports) {
|
||||
},{"./adapter":"h5Lfw","@parcel/transformer-js/src/esmodule-helpers.js":"8oCsH"}],"h5Lfw":[function(require,module,exports,__globalThis) {
|
||||
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
|
||||
parcelHelpers.defineInteropFlag(exports);
|
||||
var _libassWasm = require("libass-wasm");
|
||||
@@ -173,32 +191,32 @@ var _libassWasmDefault = parcelHelpers.interopDefault(_libassWasm);
|
||||
const defaultAssSubtitle = `[Script Info]\nScriptType: v4.00+`;
|
||||
class LibassAdapter {
|
||||
constructor(art, option){
|
||||
const { constructor , template } = art;
|
||||
const { constructor, template } = art;
|
||||
this.art = art;
|
||||
this.$video = template.$video;
|
||||
this.$webvtt = template.$subtitle;
|
||||
this.utils = constructor.utils;
|
||||
this.libass = null;
|
||||
art.once("ready", this.init.bind(this, option));
|
||||
art.once('ready', this.init.bind(this, option));
|
||||
}
|
||||
async init(option) {
|
||||
this.#checkWebAssemblySupport();
|
||||
await this.#createLibass(option);
|
||||
this.#addEventListeners();
|
||||
this.art.emit("artplayerPluginLibass:init", this);
|
||||
this.art.emit('artplayerPluginLibass:init', this);
|
||||
// set initial subtitle
|
||||
const initialSubtitle = this.art?.option?.subtitle?.url;
|
||||
if (initialSubtitle && this.utils.getExt(initialSubtitle) === "ass") this.switch(initialSubtitle);
|
||||
if (initialSubtitle && this.utils.getExt(initialSubtitle) === 'ass') this.switch(initialSubtitle);
|
||||
}
|
||||
switch(url) {
|
||||
this.art.emit("artplayerPluginLibass:switch", url);
|
||||
if (url && this.utils.getExt(url) === "ass") {
|
||||
this.currentType = "ass";
|
||||
this.art.emit('artplayerPluginLibass:switch', url);
|
||||
if (url && this.utils.getExt(url) === 'ass') {
|
||||
this.currentType = 'ass';
|
||||
this.libass.freeTrack();
|
||||
this.libass.setTrackByUrl(this.#toAbsoluteUrl(url));
|
||||
this.visible = this.art.subtitle.show;
|
||||
} else {
|
||||
this.currentType = "webvtt";
|
||||
this.currentType = 'webvtt';
|
||||
this.hide();
|
||||
this.libass.freeTrack();
|
||||
}
|
||||
@@ -210,17 +228,17 @@ class LibassAdapter {
|
||||
this.timeOffset = offset;
|
||||
}
|
||||
get active() {
|
||||
return this.currentType === "ass";
|
||||
return this.currentType === 'ass';
|
||||
}
|
||||
get visible() {
|
||||
if (!this.libass) return false;
|
||||
return this.libass.canvasParent.style.display !== "none";
|
||||
return this.libass.canvasParent.style.display !== 'none';
|
||||
}
|
||||
set visible(visible) {
|
||||
this.art.emit("artplayerPluginLibass:visible", visible);
|
||||
this.art.emit('artplayerPluginLibass:visible', visible);
|
||||
this.#setVttVisible(!this.active);
|
||||
if (this.libass.canvasParent) {
|
||||
this.libass.canvasParent.style.display = visible ? "block" : "none";
|
||||
this.libass.canvasParent.style.display = visible ? 'block' : 'none';
|
||||
if (visible) this.libass.resize();
|
||||
}
|
||||
}
|
||||
@@ -228,7 +246,7 @@ class LibassAdapter {
|
||||
return this.libass.timeOffset;
|
||||
}
|
||||
set timeOffset(offset) {
|
||||
this.art.emit("artplayerPluginLibass:timeOffset", offset);
|
||||
this.art.emit('artplayerPluginLibass:timeOffset', offset);
|
||||
this.libass.timeOffset = offset;
|
||||
}
|
||||
show() {
|
||||
@@ -238,15 +256,15 @@ class LibassAdapter {
|
||||
this.visible = false;
|
||||
}
|
||||
destroy() {
|
||||
this.art.emit("artplayerPluginLibass:destroy");
|
||||
this.art.emit('artplayerPluginLibass:destroy');
|
||||
this.#removeEventListeners();
|
||||
this.libass.dispose();
|
||||
URL.revokeObjectURL(this.workerScriptUrl);
|
||||
this.libass = null;
|
||||
}
|
||||
async #createLibass(option = {}) {
|
||||
if (!option.fallbackFont) return this.utils.errorHandle(option.fallbackFont, "artplayerPluginLibass: fallbackFont is required");
|
||||
if (!option.workerUrl) option.workerUrl = "https://cdnjs.cloudflare.com/ajax/libs/libass-wasm/4.1.0/js/subtitles-octopus-worker.js";
|
||||
if (!option.fallbackFont) return this.utils.errorHandle(option.fallbackFont, 'artplayerPluginLibass: fallbackFont is required');
|
||||
if (!option.workerUrl) option.workerUrl = 'https://cdnjs.cloudflare.com/ajax/libs/libass-wasm/4.1.0/js/subtitles-octopus-worker.js';
|
||||
if (option.availableFonts) option.availableFonts = Object.entries(option.availableFonts).reduce((acc, [key, value])=>{
|
||||
acc[key] = this.#toAbsoluteUrl(value);
|
||||
return acc;
|
||||
@@ -259,7 +277,7 @@ class LibassAdapter {
|
||||
fallbackFont: this.#toAbsoluteUrl(option.fallbackFont),
|
||||
fonts: option.fonts?.map((font)=>this.#toAbsoluteUrl(font))
|
||||
});
|
||||
this.libass.canvasParent.className = "artplayer-plugin-libass";
|
||||
this.libass.canvasParent.className = 'artplayer-plugin-libass';
|
||||
this.libass.canvasParent.style.cssText = `
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@@ -274,28 +292,28 @@ class LibassAdapter {
|
||||
this.switchHandler = this.switch.bind(this);
|
||||
this.visibleHandler = this.setVisibility.bind(this);
|
||||
this.offsetHandler = this.setOffset.bind(this);
|
||||
this.art.on("subtitle", this.visibleHandler);
|
||||
this.art.on("subtitleLoad", this.switchHandler);
|
||||
this.art.on("subtitleOffset", this.offsetHandler);
|
||||
this.art.once("destroy", this.destroy.bind(this));
|
||||
this.art.on('subtitle', this.visibleHandler);
|
||||
this.art.on('subtitleLoad', this.switchHandler);
|
||||
this.art.on('subtitleOffset', this.offsetHandler);
|
||||
this.art.once('destroy', this.destroy.bind(this));
|
||||
}
|
||||
#removeEventListeners() {
|
||||
this.art.off("subtitle", this.visibleHandler);
|
||||
this.art.off("subtitleLoad", this.switchHandler);
|
||||
this.art.off("subtitleOffset", this.offsetHandler);
|
||||
this.art.off('subtitle', this.visibleHandler);
|
||||
this.art.off('subtitleLoad', this.switchHandler);
|
||||
this.art.off('subtitleOffset', this.offsetHandler);
|
||||
}
|
||||
#setVttVisible(visible) {
|
||||
this.$webvtt.style.visibility = visible ? "visible" : "hidden";
|
||||
this.$webvtt.style.visibility = visible ? 'visible' : 'hidden';
|
||||
}
|
||||
#toAbsoluteUrl(url) {
|
||||
if (this.#isAbsoluteUrl(url)) return url;
|
||||
// handle absolute URL when the `Worker` of `BLOB` type loading network resources
|
||||
return new URL(url, document.baseURI).toString();
|
||||
}
|
||||
#isAbsoluteUrl(url1) {
|
||||
return /^https?:\/\//.test(url1);
|
||||
#isAbsoluteUrl(url) {
|
||||
return /^https?:\/\//.test(url);
|
||||
}
|
||||
#loadWorker({ workerUrl , wasmUrl }) {
|
||||
#loadWorker({ workerUrl, wasmUrl }) {
|
||||
return new Promise((resolve)=>{
|
||||
fetch(workerUrl).then((res)=>res.text()).then((text)=>{
|
||||
let workerScriptContent = text;
|
||||
@@ -307,7 +325,7 @@ class LibassAdapter {
|
||||
const workerBlob = new Blob([
|
||||
workerScriptContent
|
||||
], {
|
||||
type: "text/javascript"
|
||||
type: 'text/javascript'
|
||||
});
|
||||
resolve(URL.createObjectURL(workerBlob));
|
||||
});
|
||||
@@ -316,19 +334,20 @@ class LibassAdapter {
|
||||
#checkWebAssemblySupport() {
|
||||
let supportsWebAssembly = false;
|
||||
try {
|
||||
if (typeof WebAssembly === "object" && typeof WebAssembly.instantiate === "function") {
|
||||
const module = new WebAssembly.Module(Uint8Array.of(0x0, 0x61, 0x73, 0x6d, 0x01, 0x00, 0x00, 0x00));
|
||||
if (typeof WebAssembly === 'object' && typeof WebAssembly.instantiate === 'function') {
|
||||
const module = new WebAssembly.Module(Uint8Array.of(0x0, 0x61, 0x73, 0x6D, 0x01, 0x00, 0x00, 0x00));
|
||||
if (module instanceof WebAssembly.Module) supportsWebAssembly = new WebAssembly.Instance(module) instanceof WebAssembly.Instance;
|
||||
}
|
||||
} catch (e) {
|
||||
//
|
||||
} catch (error) {
|
||||
console.error('WebAssembly is not supported in this browser.', error);
|
||||
supportsWebAssembly = false;
|
||||
}
|
||||
this.utils.errorHandle(supportsWebAssembly, "Browser does not support WebAssembly");
|
||||
this.utils.errorHandle(supportsWebAssembly, 'Browser does not support WebAssembly');
|
||||
}
|
||||
}
|
||||
exports.default = LibassAdapter;
|
||||
|
||||
},{"libass-wasm":"5YbrE","@parcel/transformer-js/src/esmodule-helpers.js":"6SDkN"}],"5YbrE":[function(require,module,exports) {
|
||||
},{"libass-wasm":"h8iej","@parcel/transformer-js/src/esmodule-helpers.js":"8oCsH"}],"h8iej":[function(require,module,exports,__globalThis) {
|
||||
// # The following lists all copyright notices and licenses for the
|
||||
// # work contained in JavascriptSubtitlesOctopus per project.
|
||||
//
|
||||
@@ -1305,7 +1324,7 @@ var SubtitlesOctopus = function(options) {
|
||||
console.log("WebAssembly support detected: " + (supportsWebAssembly ? "yes" : "no"));
|
||||
var self = this;
|
||||
self.canvas = options.canvas; // HTML canvas element (optional if video specified)
|
||||
self.renderMode = options.renderMode || (options.lossyRender ? "lossy" : "wasm-blend");
|
||||
self.renderMode = options.renderMode || (options.lossyRender ? 'lossy' : 'wasm-blend');
|
||||
self.libassMemoryLimit = options.libassMemoryLimit || 0;
|
||||
self.libassGlyphLimit = options.libassGlyphLimit || 0;
|
||||
self.targetFps = options.targetFps || 24;
|
||||
@@ -1318,11 +1337,11 @@ var SubtitlesOctopus = function(options) {
|
||||
self.canvasParent = null; // (internal) HTML canvas parent element
|
||||
self.fonts = options.fonts || []; // Array with links to fonts used in sub (optional)
|
||||
self.availableFonts = options.availableFonts || []; // Object with all available fonts (optional). Key is font name in lower case, value is link: {"arial": "/font1.ttf"}
|
||||
self.fallbackFont = options.fallbackFont || "default.woff2"; // URL to override fallback font, for example, with a CJK one. Default fallback font is Liberation Sans (Optional)
|
||||
self.fallbackFont = options.fallbackFont || 'default.woff2'; // URL to override fallback font, for example, with a CJK one. Default fallback font is Liberation Sans (Optional)
|
||||
self.lazyFileLoading = options.lazyFileLoading || false; // Load fonts in a lazy way. Requires Access-Control-Expose-Headers for Accept-Ranges, Content-Length, and Content-Encoding. If Content-Encoding is compressed, file will be fully fetched instead of just a HEAD request.
|
||||
self.onReadyEvent = options.onReady; // Function called when SubtitlesOctopus is ready (optional)
|
||||
if (supportsWebAssembly) self.workerUrl = options.workerUrl || "subtitles-octopus-worker.js"; // Link to WebAssembly worker
|
||||
else self.workerUrl = options.legacyWorkerUrl || "subtitles-octopus-worker-legacy.js"; // Link to legacy worker
|
||||
if (supportsWebAssembly) self.workerUrl = options.workerUrl || 'subtitles-octopus-worker.js'; // Link to WebAssembly worker
|
||||
else self.workerUrl = options.legacyWorkerUrl || 'subtitles-octopus-worker-legacy.js'; // Link to legacy worker
|
||||
self.subUrl = options.subUrl; // Link to sub file (optional if subContent specified)
|
||||
self.subContent = options.subContent || null; // Sub content (optional if subUrl specified)
|
||||
self.onErrorEvent = options.onError; // Function called in case of critical error meaning sub wouldn't be shown and you should use alternative method (for instance it occurs if browser doesn't support web workers).
|
||||
@@ -1332,7 +1351,7 @@ var SubtitlesOctopus = function(options) {
|
||||
self.timeOffset = options.timeOffset || 0; // Time offset would be applied to currentTime from video (option)
|
||||
self.hasAlphaBug = false;
|
||||
(function() {
|
||||
if (typeof ImageData.prototype.constructor === "function") try {
|
||||
if (typeof ImageData.prototype.constructor === 'function') try {
|
||||
// try actually calling ImageData, as on some browsers it's reported
|
||||
// as existing but calling it errors out as "TypeError: Illegal constructor"
|
||||
new window.ImageData(new Uint8ClampedArray([
|
||||
@@ -1345,8 +1364,8 @@ var SubtitlesOctopus = function(options) {
|
||||
} catch (e) {
|
||||
console.log("detected that ImageData is not constructable despite browser saying so");
|
||||
}
|
||||
var canvas = document.createElement("canvas");
|
||||
var ctx = canvas.getContext("2d");
|
||||
var canvas = document.createElement('canvas');
|
||||
var ctx = canvas.getContext('2d');
|
||||
window.ImageData = function() {
|
||||
var i = 0;
|
||||
if (arguments[0] instanceof Uint8ClampedArray) var data = arguments[i++];
|
||||
@@ -1358,31 +1377,31 @@ var SubtitlesOctopus = function(options) {
|
||||
};
|
||||
})();
|
||||
self.workerError = function(error) {
|
||||
console.error("Worker error: ", error);
|
||||
console.error('Worker error: ', error);
|
||||
if (self.onErrorEvent) self.onErrorEvent(error);
|
||||
if (!self.debug) {
|
||||
self.dispose();
|
||||
throw new Error("Worker error: " + error);
|
||||
throw new Error('Worker error: ' + error);
|
||||
}
|
||||
};
|
||||
// Not tested for repeated usage yet
|
||||
self.init = function() {
|
||||
if (!window.Worker) {
|
||||
self.workerError("worker not supported");
|
||||
self.workerError('worker not supported');
|
||||
return;
|
||||
}
|
||||
// Worker
|
||||
if (!self.worker) {
|
||||
self.worker = new Worker(self.workerUrl);
|
||||
self.worker.addEventListener("message", self.onWorkerMessage);
|
||||
self.worker.addEventListener("error", self.workerError);
|
||||
self.worker.addEventListener('message', self.onWorkerMessage);
|
||||
self.worker.addEventListener('error', self.workerError);
|
||||
}
|
||||
self.workerActive = false;
|
||||
self.createCanvas();
|
||||
self.setVideo(options.video);
|
||||
self.setSubUrl(options.subUrl);
|
||||
self.worker.postMessage({
|
||||
target: "worker-init",
|
||||
target: 'worker-init',
|
||||
width: self.canvas.width,
|
||||
height: self.canvas.height,
|
||||
URL: document.URL,
|
||||
@@ -1406,19 +1425,19 @@ var SubtitlesOctopus = function(options) {
|
||||
if (!self.canvas) {
|
||||
if (self.video) {
|
||||
self.isOurCanvas = true;
|
||||
self.canvas = document.createElement("canvas");
|
||||
self.canvas.className = "libassjs-canvas";
|
||||
self.canvas.style.display = "none";
|
||||
self.canvasParent = document.createElement("div");
|
||||
self.canvasParent.className = "libassjs-canvas-parent";
|
||||
self.canvas = document.createElement('canvas');
|
||||
self.canvas.className = 'libassjs-canvas';
|
||||
self.canvas.style.display = 'none';
|
||||
self.canvasParent = document.createElement('div');
|
||||
self.canvasParent.className = 'libassjs-canvas-parent';
|
||||
self.canvasParent.appendChild(self.canvas);
|
||||
if (self.video.nextSibling) self.video.parentNode.insertBefore(self.canvasParent, self.video.nextSibling);
|
||||
else self.video.parentNode.appendChild(self.canvasParent);
|
||||
} else if (!self.canvas) self.workerError("Don't know where to render: you should give video or canvas in options.");
|
||||
} else if (!self.canvas) self.workerError('Don\'t know where to render: you should give video or canvas in options.');
|
||||
}
|
||||
self.ctx = self.canvas.getContext("2d");
|
||||
self.bufferCanvas = document.createElement("canvas");
|
||||
self.bufferCanvasCtx = self.bufferCanvas.getContext("2d");
|
||||
self.ctx = self.canvas.getContext('2d');
|
||||
self.bufferCanvas = document.createElement('canvas');
|
||||
self.bufferCanvasCtx = self.bufferCanvas.getContext('2d');
|
||||
// test for alpha bug, where e.g. WebKit can render a transparent pixel
|
||||
// (with alpha == 0) as non-black which then leads to visual artifacts
|
||||
self.bufferCanvas.width = 1;
|
||||
@@ -1449,10 +1468,10 @@ var SubtitlesOctopus = function(options) {
|
||||
self.setIsPaused(true, self.video.currentTime + self.timeOffset);
|
||||
}
|
||||
function onSeeking() {
|
||||
self.video.removeEventListener("timeupdate", onTimeUpdate, false);
|
||||
self.video.removeEventListener('timeupdate', onTimeUpdate, false);
|
||||
}
|
||||
function onSeeked() {
|
||||
self.video.addEventListener("timeupdate", onTimeUpdate, false);
|
||||
self.video.addEventListener('timeupdate', onTimeUpdate, false);
|
||||
var currentTime = self.video.currentTime + self.timeOffset;
|
||||
self.setCurrentTime(currentTime);
|
||||
}
|
||||
@@ -1469,13 +1488,13 @@ var SubtitlesOctopus = function(options) {
|
||||
self.setVideo = function(video) {
|
||||
self.video = video;
|
||||
if (self.video) {
|
||||
self.video.addEventListener("timeupdate", onTimeUpdate, false);
|
||||
self.video.addEventListener("playing", onPlaying, false);
|
||||
self.video.addEventListener("pause", onPause, false);
|
||||
self.video.addEventListener("seeking", onSeeking, false);
|
||||
self.video.addEventListener("seeked", onSeeked, false);
|
||||
self.video.addEventListener("ratechange", onRateChange, false);
|
||||
self.video.addEventListener("waiting", onWaiting, false);
|
||||
self.video.addEventListener('timeupdate', onTimeUpdate, false);
|
||||
self.video.addEventListener('playing', onPlaying, false);
|
||||
self.video.addEventListener('pause', onPause, false);
|
||||
self.video.addEventListener('seeking', onSeeking, false);
|
||||
self.video.addEventListener('seeked', onSeeked, false);
|
||||
self.video.addEventListener('ratechange', onRateChange, false);
|
||||
self.video.addEventListener('waiting', onWaiting, false);
|
||||
document.addEventListener("fullscreenchange", self.resizeWithTimeout, false);
|
||||
document.addEventListener("mozfullscreenchange", self.resizeWithTimeout, false);
|
||||
document.addEventListener("webkitfullscreenchange", self.resizeWithTimeout, false);
|
||||
@@ -1487,7 +1506,7 @@ var SubtitlesOctopus = function(options) {
|
||||
self.ro.observe(self.video);
|
||||
}
|
||||
if (self.video.videoWidth > 0) self.resize();
|
||||
else self.video.addEventListener("loadedmetadata", onLoadedMetadata, false);
|
||||
else self.video.addEventListener('loadedmetadata', onLoadedMetadata, false);
|
||||
}
|
||||
};
|
||||
self.getVideoPosition = function() {
|
||||
@@ -1527,8 +1546,8 @@ var SubtitlesOctopus = function(options) {
|
||||
if (self.debug) {
|
||||
var drawTime = Math.round(performance.now() - beforeDrawTime);
|
||||
var blendTime = data.blendTime;
|
||||
if (typeof blendTime !== "undefined") console.log("render: " + Math.round(data.spentTime - blendTime) + " ms, blend: " + Math.round(blendTime) + " ms, draw: " + drawTime + " ms; TOTAL=" + Math.round(data.spentTime + drawTime) + " ms");
|
||||
else console.log(Math.round(data.spentTime) + " ms (+ " + drawTime + " ms draw)");
|
||||
if (typeof blendTime !== 'undefined') console.log('render: ' + Math.round(data.spentTime - blendTime) + ' ms, blend: ' + Math.round(blendTime) + ' ms, draw: ' + drawTime + ' ms; TOTAL=' + Math.round(data.spentTime + drawTime) + ' ms');
|
||||
else console.log(Math.round(data.spentTime) + ' ms (+ ' + drawTime + ' ms draw)');
|
||||
self.renderStart = performance.now();
|
||||
}
|
||||
}
|
||||
@@ -1545,7 +1564,7 @@ var SubtitlesOctopus = function(options) {
|
||||
}
|
||||
if (self.debug) {
|
||||
var drawTime = Math.round(performance.now() - beforeDrawTime);
|
||||
console.log(data.bitmaps.length + " bitmaps, libass: " + Math.round(data.libassTime) + "ms, decode: " + Math.round(data.decodeTime) + "ms, draw: " + drawTime + "ms");
|
||||
console.log(data.bitmaps.length + ' bitmaps, libass: ' + Math.round(data.libassTime) + 'ms, decode: ' + Math.round(data.decodeTime) + 'ms, draw: ' + drawTime + 'ms');
|
||||
self.renderStart = performance.now();
|
||||
}
|
||||
}
|
||||
@@ -1559,83 +1578,83 @@ var SubtitlesOctopus = function(options) {
|
||||
}
|
||||
var data = event.data;
|
||||
switch(data.target){
|
||||
case "stdout":
|
||||
case 'stdout':
|
||||
console.log(data.content);
|
||||
break;
|
||||
case "console-log":
|
||||
case 'console-log':
|
||||
console.log.apply(console, JSON.parse(data.content));
|
||||
break;
|
||||
case "console-debug":
|
||||
case 'console-debug':
|
||||
console.debug.apply(console, JSON.parse(data.content));
|
||||
break;
|
||||
case "console-info":
|
||||
case 'console-info':
|
||||
console.info.apply(console, JSON.parse(data.content));
|
||||
break;
|
||||
case "console-warn":
|
||||
case 'console-warn':
|
||||
console.warn.apply(console, JSON.parse(data.content));
|
||||
break;
|
||||
case "console-error":
|
||||
case 'console-error':
|
||||
console.error.apply(console, JSON.parse(data.content));
|
||||
break;
|
||||
case "stderr":
|
||||
case 'stderr':
|
||||
console.error(data.content);
|
||||
break;
|
||||
case "window":
|
||||
case 'window':
|
||||
window[data.method]();
|
||||
break;
|
||||
case "canvas":
|
||||
case 'canvas':
|
||||
switch(data.op){
|
||||
case "getContext":
|
||||
case 'getContext':
|
||||
self.ctx = self.canvas.getContext(data.type, data.attributes);
|
||||
break;
|
||||
case "resize":
|
||||
case 'resize':
|
||||
self.resize(data.width, data.height);
|
||||
break;
|
||||
case "renderCanvas":
|
||||
case 'renderCanvas':
|
||||
if (self.lastRenderTime < data.time) {
|
||||
self.lastRenderTime = data.time;
|
||||
self.renderFramesData = data;
|
||||
window.requestAnimationFrame(renderFrames);
|
||||
}
|
||||
break;
|
||||
case "renderFastCanvas":
|
||||
case 'renderFastCanvas':
|
||||
if (self.lastRenderTime < data.time) {
|
||||
self.lastRenderTime = data.time;
|
||||
self.renderFramesData = data;
|
||||
window.requestAnimationFrame(renderFastFrames);
|
||||
}
|
||||
break;
|
||||
case "setObjectProperty":
|
||||
case 'setObjectProperty':
|
||||
self.canvas[data.object][data.property] = data.value;
|
||||
break;
|
||||
default:
|
||||
throw "eh?";
|
||||
throw 'eh?';
|
||||
}
|
||||
break;
|
||||
case "tick":
|
||||
case 'tick':
|
||||
self.frameId = data.id;
|
||||
self.worker.postMessage({
|
||||
target: "tock",
|
||||
target: 'tock',
|
||||
id: self.frameId
|
||||
});
|
||||
break;
|
||||
case "custom":
|
||||
if (self["onCustomMessage"]) self["onCustomMessage"](event);
|
||||
else throw "Custom message received but client onCustomMessage not implemented.";
|
||||
case 'custom':
|
||||
if (self['onCustomMessage']) self['onCustomMessage'](event);
|
||||
else throw 'Custom message received but client onCustomMessage not implemented.';
|
||||
break;
|
||||
case "setimmediate":
|
||||
case 'setimmediate':
|
||||
self.worker.postMessage({
|
||||
target: "setimmediate"
|
||||
target: 'setimmediate'
|
||||
});
|
||||
break;
|
||||
case "get-events":
|
||||
case 'get-events':
|
||||
break;
|
||||
case "get-styles":
|
||||
case 'get-styles':
|
||||
break;
|
||||
case "ready":
|
||||
case 'ready':
|
||||
break;
|
||||
default:
|
||||
throw "what? " + data.target;
|
||||
throw 'what? ' + data.target;
|
||||
}
|
||||
};
|
||||
function _computeCanvasSize(width, height) {
|
||||
@@ -1653,8 +1672,8 @@ var SubtitlesOctopus = function(options) {
|
||||
height = newH;
|
||||
}
|
||||
return {
|
||||
"width": width,
|
||||
"height": height
|
||||
'width': width,
|
||||
'height': height
|
||||
};
|
||||
}
|
||||
self.resize = function(width, height, top, left) {
|
||||
@@ -1671,24 +1690,24 @@ var SubtitlesOctopus = function(options) {
|
||||
left = videoSize.x;
|
||||
}
|
||||
if (!width || !height) {
|
||||
if (!self.video) console.error("width or height is 0. You should specify width & height for resize.");
|
||||
if (!self.video) console.error('width or height is 0. You should specify width & height for resize.');
|
||||
return;
|
||||
}
|
||||
if (self.canvas.width != width || self.canvas.height != height || self.canvas.style.top != top || self.canvas.style.left != left) {
|
||||
self.canvas.width = width;
|
||||
self.canvas.height = height;
|
||||
if (videoSize != null) {
|
||||
self.canvasParent.style.position = "relative";
|
||||
self.canvas.style.display = "block";
|
||||
self.canvas.style.position = "absolute";
|
||||
self.canvas.style.width = videoSize.width + "px";
|
||||
self.canvas.style.height = videoSize.height + "px";
|
||||
self.canvas.style.top = top + "px";
|
||||
self.canvas.style.left = left + "px";
|
||||
self.canvas.style.pointerEvents = "none";
|
||||
self.canvasParent.style.position = 'relative';
|
||||
self.canvas.style.display = 'block';
|
||||
self.canvas.style.position = 'absolute';
|
||||
self.canvas.style.width = videoSize.width + 'px';
|
||||
self.canvas.style.height = videoSize.height + 'px';
|
||||
self.canvas.style.top = top + 'px';
|
||||
self.canvas.style.left = left + 'px';
|
||||
self.canvas.style.pointerEvents = 'none';
|
||||
}
|
||||
self.worker.postMessage({
|
||||
target: "canvas",
|
||||
target: 'canvas',
|
||||
width: self.canvas.width,
|
||||
height: self.canvas.height
|
||||
});
|
||||
@@ -1700,78 +1719,78 @@ var SubtitlesOctopus = function(options) {
|
||||
};
|
||||
self.runBenchmark = function() {
|
||||
self.worker.postMessage({
|
||||
target: "runBenchmark"
|
||||
target: 'runBenchmark'
|
||||
});
|
||||
};
|
||||
self.customMessage = function(data, options) {
|
||||
options = options || {};
|
||||
self.worker.postMessage({
|
||||
target: "custom",
|
||||
target: 'custom',
|
||||
userData: data,
|
||||
preMain: options.preMain
|
||||
});
|
||||
};
|
||||
self.setCurrentTime = function(currentTime) {
|
||||
self.worker.postMessage({
|
||||
target: "video",
|
||||
target: 'video',
|
||||
currentTime: currentTime
|
||||
});
|
||||
};
|
||||
self.setTrackByUrl = function(url) {
|
||||
self.worker.postMessage({
|
||||
target: "set-track-by-url",
|
||||
target: 'set-track-by-url',
|
||||
url: url
|
||||
});
|
||||
};
|
||||
self.setTrack = function(content) {
|
||||
self.worker.postMessage({
|
||||
target: "set-track",
|
||||
target: 'set-track',
|
||||
content: content
|
||||
});
|
||||
};
|
||||
self.freeTrack = function(content) {
|
||||
self.worker.postMessage({
|
||||
target: "free-track"
|
||||
target: 'free-track'
|
||||
});
|
||||
};
|
||||
self.render = self.setCurrentTime;
|
||||
self.setIsPaused = function(isPaused, currentTime) {
|
||||
self.worker.postMessage({
|
||||
target: "video",
|
||||
target: 'video',
|
||||
isPaused: isPaused,
|
||||
currentTime: currentTime
|
||||
});
|
||||
};
|
||||
self.setRate = function(rate) {
|
||||
self.worker.postMessage({
|
||||
target: "video",
|
||||
target: 'video',
|
||||
rate: rate
|
||||
});
|
||||
};
|
||||
self.dispose = function() {
|
||||
self.worker.postMessage({
|
||||
target: "destroy"
|
||||
target: 'destroy'
|
||||
});
|
||||
self.worker.terminate();
|
||||
self.worker.removeEventListener("message", self.onWorkerMessage);
|
||||
self.worker.removeEventListener("error", self.workerError);
|
||||
self.worker.removeEventListener('message', self.onWorkerMessage);
|
||||
self.worker.removeEventListener('error', self.workerError);
|
||||
self.workerActive = false;
|
||||
self.worker = null;
|
||||
// Remove the canvas element to remove residual subtitles rendered on player
|
||||
if (self.video) {
|
||||
self.video.removeEventListener("timeupdate", onTimeUpdate, false);
|
||||
self.video.removeEventListener("playing", onPlaying, false);
|
||||
self.video.removeEventListener("pause", onPause, false);
|
||||
self.video.removeEventListener("seeking", onSeeking, false);
|
||||
self.video.removeEventListener("seeked", onSeeked, false);
|
||||
self.video.removeEventListener("ratechange", onRateChange, false);
|
||||
self.video.removeEventListener("waiting", onWaiting, false);
|
||||
self.video.removeEventListener("loadedmetadata", onLoadedMetadata, false);
|
||||
document.removeEventListener("fullscreenchange", self.resizeWithTimeout, false);
|
||||
document.removeEventListener("mozfullscreenchange", self.resizeWithTimeout, false);
|
||||
document.removeEventListener("webkitfullscreenchange", self.resizeWithTimeout, false);
|
||||
document.removeEventListener("msfullscreenchange", self.resizeWithTimeout, false);
|
||||
window.removeEventListener("resize", self.resizeWithTimeout, false);
|
||||
self.video.removeEventListener('timeupdate', onTimeUpdate, false);
|
||||
self.video.removeEventListener('playing', onPlaying, false);
|
||||
self.video.removeEventListener('pause', onPause, false);
|
||||
self.video.removeEventListener('seeking', onSeeking, false);
|
||||
self.video.removeEventListener('seeked', onSeeked, false);
|
||||
self.video.removeEventListener('ratechange', onRateChange, false);
|
||||
self.video.removeEventListener('waiting', onWaiting, false);
|
||||
self.video.removeEventListener('loadedmetadata', onLoadedMetadata, false);
|
||||
document.removeEventListener('fullscreenchange', self.resizeWithTimeout, false);
|
||||
document.removeEventListener('mozfullscreenchange', self.resizeWithTimeout, false);
|
||||
document.removeEventListener('webkitfullscreenchange', self.resizeWithTimeout, false);
|
||||
document.removeEventListener('msfullscreenchange', self.resizeWithTimeout, false);
|
||||
window.removeEventListener('resize', self.resizeWithTimeout, false);
|
||||
self.video.parentNode.removeChild(self.canvasParent);
|
||||
self.video = null;
|
||||
}
|
||||
@@ -1785,26 +1804,26 @@ var SubtitlesOctopus = function(options) {
|
||||
};
|
||||
self.fetchFromWorker = function(workerOptions, onSuccess, onError) {
|
||||
try {
|
||||
var target = workerOptions["target"];
|
||||
var target = workerOptions['target'];
|
||||
var timeout = setTimeout(function() {
|
||||
reject(Error("Error: Timeout while try to fetch " + target));
|
||||
reject(Error('Error: Timeout while try to fetch ' + target));
|
||||
}, 5000);
|
||||
var resolve = function(event) {
|
||||
if (event.data.target == target) {
|
||||
onSuccess(event.data);
|
||||
self.worker.removeEventListener("message", resolve);
|
||||
self.worker.removeEventListener("error", reject);
|
||||
self.worker.removeEventListener('message', resolve);
|
||||
self.worker.removeEventListener('error', reject);
|
||||
clearTimeout(timeout);
|
||||
}
|
||||
};
|
||||
var reject = function(event) {
|
||||
onError(event);
|
||||
self.worker.removeEventListener("message", resolve);
|
||||
self.worker.removeEventListener("error", reject);
|
||||
self.worker.removeEventListener('message', resolve);
|
||||
self.worker.removeEventListener('error', reject);
|
||||
clearTimeout(timeout);
|
||||
};
|
||||
self.worker.addEventListener("message", resolve);
|
||||
self.worker.addEventListener("error", reject);
|
||||
self.worker.addEventListener('message', resolve);
|
||||
self.worker.addEventListener('error', reject);
|
||||
self.worker.postMessage(workerOptions);
|
||||
} catch (error) {
|
||||
onError(error);
|
||||
@@ -1812,75 +1831,75 @@ var SubtitlesOctopus = function(options) {
|
||||
};
|
||||
self.createEvent = function(event) {
|
||||
self.worker.postMessage({
|
||||
target: "create-event",
|
||||
target: 'create-event',
|
||||
event: event
|
||||
});
|
||||
};
|
||||
self.getEvents = function(onSuccess, onError) {
|
||||
self.fetchFromWorker({
|
||||
target: "get-events"
|
||||
target: 'get-events'
|
||||
}, function(data) {
|
||||
onSuccess(data.events);
|
||||
}, onError);
|
||||
};
|
||||
self.setEvent = function(event, index) {
|
||||
self.worker.postMessage({
|
||||
target: "set-event",
|
||||
target: 'set-event',
|
||||
event: event,
|
||||
index: index
|
||||
});
|
||||
};
|
||||
self.removeEvent = function(index) {
|
||||
self.worker.postMessage({
|
||||
target: "remove-event",
|
||||
target: 'remove-event',
|
||||
index: index
|
||||
});
|
||||
};
|
||||
self.createStyle = function(style) {
|
||||
self.worker.postMessage({
|
||||
target: "create-style",
|
||||
target: 'create-style',
|
||||
style: style
|
||||
});
|
||||
};
|
||||
self.getStyles = function(onSuccess, onError) {
|
||||
self.fetchFromWorker({
|
||||
target: "get-styles"
|
||||
target: 'get-styles'
|
||||
}, function(data) {
|
||||
onSuccess(data.styles);
|
||||
}, onError);
|
||||
};
|
||||
self.setStyle = function(style, index) {
|
||||
self.worker.postMessage({
|
||||
target: "set-style",
|
||||
target: 'set-style',
|
||||
style: style,
|
||||
index: index
|
||||
});
|
||||
};
|
||||
self.removeStyle = function(index) {
|
||||
self.worker.postMessage({
|
||||
target: "remove-style",
|
||||
target: 'remove-style',
|
||||
index: index
|
||||
});
|
||||
};
|
||||
self.init();
|
||||
};
|
||||
if (typeof SubtitlesOctopusOnLoad == "function") SubtitlesOctopusOnLoad();
|
||||
if (0, module.exports) exports = module.exports = SubtitlesOctopus;
|
||||
if (typeof SubtitlesOctopusOnLoad == 'function') SubtitlesOctopusOnLoad();
|
||||
if (module.exports) exports = module.exports = SubtitlesOctopus;
|
||||
|
||||
},{}],"6SDkN":[function(require,module,exports) {
|
||||
},{}],"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", {
|
||||
Object.defineProperty(a, '__esModule', {
|
||||
value: true
|
||||
});
|
||||
};
|
||||
exports.exportAll = function(source, dest) {
|
||||
Object.keys(source).forEach(function(key) {
|
||||
if (key === "default" || key === "__esModule" || dest.hasOwnProperty(key)) return;
|
||||
if (key === 'default' || key === '__esModule' || Object.prototype.hasOwnProperty.call(dest, key)) return;
|
||||
Object.defineProperty(dest, key, {
|
||||
enumerable: true,
|
||||
get: function() {
|
||||
@@ -1897,6 +1916,6 @@ exports.export = function(dest, destName, get) {
|
||||
});
|
||||
};
|
||||
|
||||
},{}]},["gEVO5"], "gEVO5", "parcelRequire03dd")
|
||||
},{}]},["hVOIc"], "hVOIc", "parcelRequire4dc0", {})
|
||||
|
||||
//# sourceMappingURL=index.js.map
|
||||
@@ -1 +1 @@
|
||||
{"mappings":"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 truncated
|
||||
{"mappings":"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 truncated
|
||||
@@ -198,7 +198,7 @@ if (typeof document !== 'undefined') {
|
||||
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 .art-bottom {\n padding-bottom: var(--art-padding);\n background-image: none !important;\n}\n\n.artplayer-plugin-liquid-glass.art-control-show .art-bottom .art-liquid-glass {\n padding: var(--art-padding) var(--art-padding) 5px;\n backdrop-filter: blur(10px);\n background-color: #ffffff1a;\n border-radius: 5px;\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";
|
||||
module.exports = ".artplayer-plugin-liquid-glass.art-control-show .art-bottom {\n padding-bottom: var(--art-padding);\n background-image: none;\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) var(--art-padding) 5px;\n background-color: #0003;\n border-radius: 5px;\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) {
|
||||
|
||||
@@ -1,13 +1,13 @@
|
||||
.artplayer-plugin-liquid-glass.art-control-show {
|
||||
.art-bottom {
|
||||
background-image: none !important;
|
||||
background-image: none;
|
||||
padding-bottom: var(--art-padding);
|
||||
|
||||
.art-liquid-glass {
|
||||
padding: var(--art-padding) var(--art-padding) 5px;
|
||||
backdrop-filter: blur(10px);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-radius: 5px;
|
||||
backdrop-filter: blur(12px);
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
padding: var(--art-padding) var(--art-padding) 5px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in new issue
Block a user