jassub 1.5.2 → 1.5.3

package/dist/jassub.es.js

@@ -1,516 +1,606 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-if (!("requestVideoFrameCallback" in HTMLVideoElement.prototype) && "getVideoPlaybackQuality" in HTMLVideoElement.prototype) {
-  HTMLVideoElement.prototype._rvfcpolyfillmap = {};
-  HTMLVideoElement.prototype.requestVideoFrameCallback = function(callback) {
-    const quality = this.getVideoPlaybackQuality();
-    const baseline = this.mozPresentedFrames || this.mozPaintedFrames || quality.totalVideoFrames - quality.droppedVideoFrames;
-    const check = (old, now2) => {
-      const newquality = this.getVideoPlaybackQuality();
-      const presentedFrames = this.mozPresentedFrames || this.mozPaintedFrames || newquality.totalVideoFrames - newquality.droppedVideoFrames;
-      if (presentedFrames > baseline) {
-        const processingDuration = this.mozFrameDelay || newquality.totalFrameDelay - quality.totalFrameDelay || 0;
-        const timediff = now2 - old;
-        callback(now2, {
-          presentationTime: now2 + processingDuration * 1e3,
-          expectedDisplayTime: now2 + timediff,
-          width: this.videoWidth,
-          height: this.videoHeight,
-          mediaTime: Math.max(0, this.currentTime || 0) + timediff / 1e3,
-          presentedFrames,
-          processingDuration
-        });
-        delete this._rvfcpolyfillmap[handle];
-      } else {
-        this._rvfcpolyfillmap[handle] = requestAnimationFrame((newer) => check(now2, newer));
-      }
-    };
-    const handle = Date.now();
-    const now = performance.now();
-    this._rvfcpolyfillmap[handle] = requestAnimationFrame((newer) => check(now, newer));
-    return handle;
-  };
-  HTMLVideoElement.prototype.cancelVideoFrameCallback = function(handle) {
-    cancelAnimationFrame(this._rvfcpolyfillmap[handle]);
-    delete this._rvfcpolyfillmap[handle];
-  };
-}
-const _JASSUB = class extends EventTarget {
-  constructor(options = {}) {
-    var _a, _b, _c;
-    super();
-    if (!globalThis.Worker) {
-      this.destroy("Worker not supported");
-    }
-    _JASSUB._test();
-    const blendMode = options.blendMode || "js";
-    const asyncRender = typeof createImageBitmap !== "undefined" && ((_a = options.asyncRender) != null ? _a : true);
-    const offscreenRender = typeof OffscreenCanvas !== "undefined" && ((_b = options.offscreenRender) != null ? _b : true);
-    this._onDemandRender = "requestVideoFrameCallback" in HTMLVideoElement.prototype && ((_c = options.onDemandRender) != null ? _c : true);
-    this.timeOffset = options.timeOffset || 0;
-    this._video = options.video;
-    this._videoHeight = 0;
-    this._videoWidth = 0;
-    this._canvas = options.canvas;
-    if (this._video && !this._canvas) {
-      this._canvasParent = document.createElement("div");
-      this._canvasParent.className = "JASSUB";
-      this._canvasParent.style.position = "relative";
-      this._canvas = document.createElement("canvas");
-      this._canvas.style.display = "block";
-      this._canvas.style.position = "absolute";
-      this._canvas.style.pointerEvents = "none";
-      this._canvasParent.appendChild(this._canvas);
-      if (this._video.nextSibling) {
-        this._video.parentNode.insertBefore(this._canvasParent, this._video.nextSibling);
-      } else {
-        this._video.parentNode.appendChild(this._canvasParent);
-      }
-    } else if (!this._canvas) {
-      this.destroy("Don't know where to render: you should give video or canvas in options.");
-    }
-    this._bufferCanvas = document.createElement("canvas");
-    this._bufferCtx = this._bufferCanvas.getContext("2d", { desynchronized: true, willReadFrequently: true });
-    this._canvasctrl = offscreenRender ? this._canvas.transferControlToOffscreen() : this._canvas;
-    this._ctx = !offscreenRender && this._canvasctrl.getContext("2d", { desynchronized: true });
-    this._lastRenderTime = 0;
-    this.debug = !!options.debug;
-    this.prescaleFactor = options.prescaleFactor || 1;
-    this.prescaleHeightLimit = options.prescaleHeightLimit || 1080;
-    this.maxRenderHeight = options.maxRenderHeight || 0;
-    this._worker = new Worker(_JASSUB._supportsWebAssembly ? options.workerUrl || "jassub-worker.js" : options.legacyWorkerUrl || "jassub-worker-legacy.js");
-    this._worker.onmessage = (e) => this._onmessage(e);
-    this._worker.onerror = (e) => this._error(e);
-    this._loaded = new Promise((resolve) => {
-      this._init = () => {
-        var _a2, _b2;
-        if (this._destroyed)
-          return;
-        this._worker.postMessage({
-          target: "init",
-          asyncRender,
-          onDemandRender: this._onDemandRender,
-          width: this._canvasctrl.width,
-          height: this._canvasctrl.height,
-          preMain: true,
-          blendMode,
-          subUrl: options.subUrl,
-          subContent: options.subContent || null,
-          fonts: options.fonts || [],
-          availableFonts: options.availableFonts || { "liberation sans": "./default.woff2" },
-          fallbackFont: options.fallbackFont || "liberation sans",
-          debug: this.debug,
-          targetFps: options.targetFps || 24,
-          dropAllAnimations: options.dropAllAnimations,
-          libassMemoryLimit: options.libassMemoryLimit || 0,
-          libassGlyphLimit: options.libassGlyphLimit || 0,
-          hasAlphaBug: _JASSUB._hasAlphaBug,
-          useLocalFonts: "queryLocalFonts" in self && ((_a2 = options.useLocalFonts) != null ? _a2 : true)
-        });
-        if (offscreenRender === true)
-          this.sendMessage("offscreenCanvas", null, [this._canvasctrl]);
-        this._boundResize = this.resize.bind(this);
-        this._boundTimeUpdate = this._timeupdate.bind(this);
-        this._boundSetRate = this.setRate.bind(this);
-        if (this._video)
-          this.setVideo(options.video);
-        if (this._onDemandRender) {
-          this.busy = false;
-          this._lastDemandTime = null;
-          (_b2 = this._video) == null ? void 0 : _b2.requestVideoFrameCallback(this._handleRVFC.bind(this));
-        }
-        resolve();
-      };
-    });
-  }
-  static _test() {
-    if (_JASSUB._supportsWebAssembly !== null)
-      return null;
-    const canvas1 = document.createElement("canvas");
-    const ctx1 = canvas1.getContext("2d", { willReadFrequently: true });
-    if (typeof ImageData.prototype.constructor === "function") {
-      try {
-        new ImageData(new Uint8ClampedArray([0, 0, 0, 0]), 1, 1);
-      } catch (e) {
-        console.log("detected that ImageData is not constructable despite browser saying so");
-        self.ImageData = function(data, width, height) {
-          const imageData = ctx1.createImageData(width, height);
-          if (data)
-            imageData.data.set(data);
-          return imageData;
-        };
-      }
-    }
-    try {
-      if (typeof WebAssembly === "object" && typeof WebAssembly.instantiate === "function") {
-        const module = new WebAssembly.Module(Uint8Array.of(0, 97, 115, 109, 1, 0, 0, 0));
-        if (module instanceof WebAssembly.Module)
-          _JASSUB._supportsWebAssembly = new WebAssembly.Instance(module) instanceof WebAssembly.Instance;
-      }
-    } catch (e) {
-      _JASSUB._supportsWebAssembly = false;
-    }
-    const canvas2 = document.createElement("canvas");
-    const ctx2 = canvas2.getContext("2d", { willReadFrequently: true });
-    canvas1.width = canvas2.width = 1;
-    canvas1.height = canvas2.height = 1;
-    ctx1.clearRect(0, 0, 1, 1);
-    ctx2.clearRect(0, 0, 1, 1);
-    const prePut = ctx2.getImageData(0, 0, 1, 1).data;
-    ctx1.putImageData(new ImageData(new Uint8ClampedArray([0, 255, 0, 0]), 1, 1), 0, 0);
-    ctx2.drawImage(canvas1, 0, 0);
-    const postPut = ctx2.getImageData(0, 0, 1, 1).data;
-    _JASSUB._hasAlphaBug = prePut[1] !== postPut[1];
-    if (_JASSUB._hasAlphaBug)
-      console.log("Detected a browser having issue with transparent pixels, applying workaround");
-    canvas1.remove();
-    canvas2.remove();
-  }
-  resize(width = 0, height = 0, top = 0, left = 0, force = ((_a) => (_a = this._video) == null ? void 0 : _a.paused)()) {
-    if ((!width || !height) && this._video) {
-      const videoSize = this._getVideoPosition();
-      let renderSize = null;
-      if (this._videoWidth) {
-        const widthRatio = this._video.videoWidth / this._videoWidth;
-        const heightRatio = this._video.videoHeight / this._videoHeight;
-        renderSize = this._computeCanvasSize((videoSize.width || 0) / widthRatio, (videoSize.height || 0) / heightRatio);
-      } else {
-        renderSize = this._computeCanvasSize(videoSize.width || 0, videoSize.height || 0);
-      }
-      width = renderSize.width;
-      height = renderSize.height;
-      if (this._canvasParent) {
-        top = videoSize.y - (this._canvasParent.getBoundingClientRect().top - this._video.getBoundingClientRect().top);
-        left = videoSize.x;
-      }
-      this._canvas.style.width = videoSize.width + "px";
-      this._canvas.style.height = videoSize.height + "px";
-    }
-    this._canvas.style.top = top + "px";
-    this._canvas.style.left = left + "px";
-    this.sendMessage("canvas", { width, height, force: force && this.busy === false });
-  }
-  _getVideoPosition(width = this._video.videoWidth, height = this._video.videoHeight) {
-    const videoRatio = width / height;
-    const { offsetWidth, offsetHeight } = this._video;
-    const elementRatio = offsetWidth / offsetHeight;
-    width = offsetWidth;
-    height = offsetHeight;
-    if (elementRatio > videoRatio) {
-      width = Math.floor(offsetHeight * videoRatio);
-    } else {
-      height = Math.floor(offsetWidth / videoRatio);
-    }
-    const x = (offsetWidth - width) / 2;
-    const y = (offsetHeight - height) / 2;
-    return { width, height, x, y };
-  }
-  _computeCanvasSize(width = 0, height = 0) {
-    const scalefactor = this.prescaleFactor <= 0 ? 1 : this.prescaleFactor;
-    const ratio = self.devicePixelRatio || 1;
-    width = width * ratio;
-    height = height * ratio;
-    if (height <= 0 || width <= 0) {
-      width = 0;
-      height = 0;
-    } else {
-      const sgn = scalefactor < 1 ? -1 : 1;
-      let newH = height * ratio;
-      if (sgn * newH * scalefactor <= sgn * this.prescaleHeightLimit) {
-        newH *= scalefactor;
-      } else if (sgn * newH < sgn * this.prescaleHeightLimit) {
-        newH = this.prescaleHeightLimit;
-      }
-      if (this.maxRenderHeight > 0 && newH > this.maxRenderHeight)
-        newH = this.maxRenderHeight;
-      width *= newH / height;
-      height = newH;
-    }
-    return { width, height };
-  }
-  _timeupdate({ type }) {
-    const eventmap = {
-      seeking: true,
-      waiting: true,
-      playing: false
-    };
-    const playing = eventmap[type];
-    if (playing != null)
-      this._playstate = playing;
-    this.setCurrentTime(this._video.paused || this._playstate, this._video.currentTime + this.timeOffset);
-  }
-  setVideo(video) {
-    if (video instanceof HTMLVideoElement) {
-      this._removeListeners();
-      this._video = video;
-      if (this._onDemandRender) {
-        this._video.requestVideoFrameCallback(this._handleRVFC.bind(this));
-      } else {
-        this._playstate = video.paused;
-        video.addEventListener("timeupdate", this._boundTimeUpdate, false);
-        video.addEventListener("progress", this._boundTimeUpdate, false);
-        video.addEventListener("waiting", this._boundTimeUpdate, false);
-        video.addEventListener("seeking", this._boundTimeUpdate, false);
-        video.addEventListener("playing", this._boundTimeUpdate, false);
-        video.addEventListener("ratechange", this._boundSetRate, false);
-        video.addEventListener("resize", this._boundResize);
-      }
-      if (video.videoWidth > 0)
-        this.resize();
-      if (typeof ResizeObserver !== "undefined") {
-        if (!this._ro)
-          this._ro = new ResizeObserver(() => this.resize());
-        this._ro.observe(video);
-      }
-    } else {
-      this._error("Video element invalid!");
-    }
-  }
-  runBenchmark() {
-    this.sendMessage("runBenchmark");
-  }
-  setTrackByUrl(url) {
-    this.sendMessage("setTrackByUrl", { url });
-  }
-  setTrack(content) {
-    this.sendMessage("setTrack", { content });
-  }
-  freeTrack() {
-    this.sendMessage("freeTrack");
-  }
-  setIsPaused(isPaused) {
-    this.sendMessage("video", { isPaused });
-  }
-  setRate(rate) {
-    this.sendMessage("video", { rate });
-  }
-  setCurrentTime(isPaused, currentTime, rate) {
-    this.sendMessage("video", { isPaused, currentTime, rate });
-  }
-  createEvent(event) {
-    this.sendMessage("createEvent", { event });
-  }
-  setEvent(event, index) {
-    this.sendMessage("setEvent", { event, index });
-  }
-  removeEvent(index) {
-    this.sendMessage("removeEvent", { index });
-  }
-  getEvents(callback) {
-    this._fetchFromWorker({
-      target: "getEvents"
-    }, (err, { events }) => {
-      callback(err, events);
-    });
-  }
-  createStyle(style) {
-    this.sendMessage("createStyle", { style });
-  }
-  setStyle(event, index) {
-    this.sendMessage("setStyle", { event, index });
-  }
-  removeStyle(index) {
-    this.sendMessage("removeStyle", { index });
-  }
-  getStyles(callback) {
-    this._fetchFromWorker({
-      target: "getStyles"
-    }, (err, { styles }) => {
-      callback(err, styles);
-    });
-  }
-  addFont(font) {
-    this.sendMessage("addFont", { font });
-  }
-  _sendLocalFont(name) {
-    try {
-      queryLocalFonts().then((fontData) => {
-        const font = fontData == null ? void 0 : fontData.find((obj) => obj.fullName.toLowerCase() === name);
-        if (font) {
-          font.blob().then((blob) => {
-            blob.arrayBuffer().then((buffer) => {
-              this.addFont(new Uint8Array(buffer));
-            });
-          });
-        }
-      });
-    } catch (e) {
-      console.warn("Local fonts API:", e);
-    }
-  }
-  _getLocalFont({ font }) {
-    var _a;
-    try {
-      if ((_a = navigator == null ? void 0 : navigator.permissions) == null ? void 0 : _a.query) {
-        navigator.permissions.query({ name: "local-fonts" }).then((permission) => {
-          if (permission.state === "granted") {
-            this._sendLocalFont(font);
-          }
-        });
-      } else {
-        this._sendLocalFont(font);
-      }
-    } catch (e) {
-      console.warn("Local fonts API:", e);
-    }
-  }
-  _unbusy() {
-    if (this._lastDemandTime) {
-      this._demandRender(this._lastDemandTime);
-    } else {
-      this.busy = false;
-    }
-  }
-  _handleRVFC(now, { mediaTime, width, height }) {
-    if (this._destroyed)
-      return null;
-    if (this.busy) {
-      this._lastDemandTime = { mediaTime, width, height };
-    } else {
-      this.busy = true;
-      this._demandRender({ mediaTime, width, height });
-    }
-    this._video.requestVideoFrameCallback(this._handleRVFC.bind(this));
-  }
-  _demandRender({ mediaTime, width, height }) {
-    this._lastDemandTime = null;
-    if (width !== this._videoWidth || height !== this._videoHeight) {
-      this._videoWidth = width;
-      this._videoHeight = height;
-      this.resize();
-    }
-    this.sendMessage("demand", { time: mediaTime + this.timeOffset });
-  }
-  _render({ images, async, times, width, height }) {
-    this._unbusy();
-    const drawStartTime = Date.now();
-    if (this._canvasctrl.width !== width || this._canvasctrl.height !== height) {
-      this._canvasctrl.width = width;
-      this._canvasctrl.height = height;
-    }
-    this._ctx.clearRect(0, 0, this._canvasctrl.width, this._canvasctrl.height);
-    for (const image of images) {
-      if (image.image) {
-        if (async) {
-          this._ctx.drawImage(image.image, image.x, image.y);
-          image.image.close();
-        } else {
-          this._bufferCanvas.width = image.w;
-          this._bufferCanvas.height = image.h;
-          this._bufferCtx.putImageData(new ImageData(this._fixAlpha(new Uint8ClampedArray(image.image)), image.w, image.h), 0, 0);
-          this._ctx.drawImage(this._bufferCanvas, image.x, image.y);
-        }
-      }
-    }
-    if (this.debug) {
-      times.drawTime = Date.now() - drawStartTime;
-      let total = 0;
-      for (const key in times)
-        total += times[key];
-      console.log("Bitmaps: " + images.length + " Total: " + Math.round(total) + "ms", times);
-    }
-  }
-  _fixAlpha(uint8) {
-    if (_JASSUB._hasAlphaBug) {
-      for (let j = 3; j < uint8.length; j += 4) {
-        uint8[j] = uint8[j] > 1 ? uint8[j] : 1;
-      }
-    }
-    return uint8;
-  }
-  _ready() {
-    this._init();
-    this.dispatchEvent(new CustomEvent("ready"));
-  }
-  async sendMessage(target, data = {}, transferable) {
-    await this._loaded;
-    if (transferable) {
-      this._worker.postMessage({
-        target,
-        transferable,
-        ...data
-      }, [...transferable]);
-    } else {
-      this._worker.postMessage({
-        target,
-        ...data
-      });
-    }
-  }
-  _fetchFromWorker(workerOptions, callback) {
-    try {
-      const target = workerOptions.target;
-      const timeout = setTimeout(() => {
-        reject(new Error("Error: Timeout while try to fetch " + target));
-      }, 5e3);
-      const resolve = ({ data }) => {
-        if (data.target === target) {
-          callback(null, data);
-          this._worker.removeEventListener("message", resolve);
-          this._worker.removeEventListener("error", reject);
-          clearTimeout(timeout);
-        }
-      };
-      const reject = (event) => {
-        callback(event);
-        this._worker.removeEventListener("message", resolve);
-        this._worker.removeEventListener("error", reject);
-        clearTimeout(timeout);
-      };
-      this._worker.addEventListener("message", resolve);
-      this._worker.addEventListener("error", reject);
-      this._worker.postMessage(workerOptions);
-    } catch (error) {
-      this._error(error);
-    }
-  }
-  _console({ content, command }) {
-    console[command].apply(console, JSON.parse(content));
-  }
-  _onmessage({ data }) {
-    if (this["_" + data.target])
-      this["_" + data.target](data);
-  }
-  _error(err) {
-    this.dispatchEvent(err instanceof ErrorEvent ? new ErrorEvent(err.type, err) : new ErrorEvent("error", { cause: err instanceof Error ? err.cause : err }));
-    if (!(err instanceof Error)) {
-      if (err instanceof ErrorEvent) {
-        err = err.error;
-      } else {
-        err = new Error("error", { cause: err });
-      }
-    }
-    console.error(err);
-  }
-  _removeListeners() {
-    if (this._video) {
-      if (this._ro)
-        this._ro.unobserve(this._video);
-      this._video.removeEventListener("timeupdate", this._boundTimeUpdate);
-      this._video.removeEventListener("progress", this._boundTimeUpdate);
-      this._video.removeEventListener("waiting", this._boundTimeUpdate);
-      this._video.removeEventListener("seeking", this._boundTimeUpdate);
-      this._video.removeEventListener("playing", this._boundTimeUpdate);
-      this._video.removeEventListener("ratechange", this._boundSetRate);
-      this._video.removeEventListener("resize", this._boundResize);
-    }
-  }
-  destroy(err) {
-    if (err)
-      this._error(err);
-    if (this._video && this._canvasParent)
-      this._video.parentNode.removeChild(this._canvasParent);
-    this._destroyed = true;
-    this._removeListeners();
-    this.sendMessage("destroy");
-    this._worker.terminate();
-  }
-};
-let JASSUB = _JASSUB;
-__publicField(JASSUB, "_supportsWebAssembly", null);
-__publicField(JASSUB, "_hasAlphaBug", null);
-export { JASSUB as default };
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+if (!("requestVideoFrameCallback" in HTMLVideoElement.prototype) && "getVideoPlaybackQuality" in HTMLVideoElement.prototype) {
+  HTMLVideoElement.prototype._rvfcpolyfillmap = {};
+  HTMLVideoElement.prototype.requestVideoFrameCallback = function(callback) {
+    const quality = this.getVideoPlaybackQuality();
+    const baseline = this.mozPresentedFrames || this.mozPaintedFrames || quality.totalVideoFrames - quality.droppedVideoFrames;
+    const check = (old, now2) => {
+      const newquality = this.getVideoPlaybackQuality();
+      const presentedFrames = this.mozPresentedFrames || this.mozPaintedFrames || newquality.totalVideoFrames - newquality.droppedVideoFrames;
+      if (presentedFrames > baseline) {
+        const processingDuration = this.mozFrameDelay || newquality.totalFrameDelay - quality.totalFrameDelay || 0;
+        const timediff = now2 - old;
+        callback(now2, {
+          presentationTime: now2 + processingDuration * 1e3,
+          expectedDisplayTime: now2 + timediff,
+          width: this.videoWidth,
+          height: this.videoHeight,
+          mediaTime: Math.max(0, this.currentTime || 0) + timediff / 1e3,
+          presentedFrames,
+          processingDuration
+        });
+        delete this._rvfcpolyfillmap[handle];
+      } else {
+        this._rvfcpolyfillmap[handle] = requestAnimationFrame((newer) => check(now2, newer));
+      }
+    };
+    const handle = Date.now();
+    const now = performance.now();
+    this._rvfcpolyfillmap[handle] = requestAnimationFrame((newer) => check(now, newer));
+    return handle;
+  };
+  HTMLVideoElement.prototype.cancelVideoFrameCallback = function(handle) {
+    cancelAnimationFrame(this._rvfcpolyfillmap[handle]);
+    delete this._rvfcpolyfillmap[handle];
+  };
+}
+var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+const root = typeof globalThis !== "undefined" && globalThis || typeof self !== "undefined" && self || typeof commonjsGlobal !== "undefined" && commonjsGlobal;
+function isConstructor(fn) {
+  try {
+    new fn();
+  } catch (error) {
+    return false;
+  }
+  return true;
+}
+if (typeof root.Event !== "function" || !isConstructor(root.Event)) {
+  root.Event = function() {
+    function Event2(type, options) {
+      this.bubbles = !!options && !!options.bubbles;
+      this.cancelable = !!options && !!options.cancelable;
+      this.composed = !!options && !!options.composed;
+      this.type = type;
+    }
+    return Event2;
+  }();
+}
+if (typeof root.EventTarget === "undefined" || !isConstructor(root.Event)) {
+  root.EventTarget = function() {
+    function EventTarget2() {
+      this.__listeners = /* @__PURE__ */ new Map();
+    }
+    EventTarget2.prototype = Object.create(Object.prototype);
+    EventTarget2.prototype.addEventListener = function(type, listener, options) {
+      if (arguments.length < 2) {
+        throw new TypeError(
+          `TypeError: Failed to execute 'addEventListener' on 'EventTarget': 2 arguments required, but only ${arguments.length} present.`
+        );
+      }
+      const __listeners = this.__listeners;
+      const actualType = type.toString();
+      if (!__listeners.has(actualType)) {
+        __listeners.set(actualType, /* @__PURE__ */ new Map());
+      }
+      const listenersForType = __listeners.get(actualType);
+      if (!listenersForType.has(listener)) {
+        listenersForType.set(listener, options);
+      }
+    };
+    EventTarget2.prototype.removeEventListener = function(type, listener, _options) {
+      if (arguments.length < 2) {
+        throw new TypeError(
+          `TypeError: Failed to execute 'addEventListener' on 'EventTarget': 2 arguments required, but only ${arguments.length} present.`
+        );
+      }
+      const __listeners = this.__listeners;
+      const actualType = type.toString();
+      if (__listeners.has(actualType)) {
+        const listenersForType = __listeners.get(actualType);
+        if (listenersForType.has(listener)) {
+          listenersForType.delete(listener);
+        }
+      }
+    };
+    EventTarget2.prototype.dispatchEvent = function(event) {
+      if (!(event instanceof Event)) {
+        throw new TypeError(
+          `Failed to execute 'dispatchEvent' on 'EventTarget': parameter 1 is not of type 'Event'.`
+        );
+      }
+      const type = event.type;
+      const __listeners = this.__listeners;
+      const listenersForType = __listeners.get(type);
+      if (listenersForType) {
+        for (const [listener, options] of listenersForType.entries()) {
+          try {
+            if (typeof listener === "function") {
+              listener.call(this, event);
+            } else if (listener && typeof listener.handleEvent === "function") {
+              listener.handleEvent(event);
+            }
+          } catch (err) {
+            setTimeout(() => {
+              throw err;
+            });
+          }
+          if (options && options.once) {
+            listenersForType.delete(listener);
+          }
+        }
+      }
+      return true;
+    };
+    return EventTarget2;
+  }();
+}
+const _JASSUB = class extends EventTarget {
+  constructor(options = {}) {
+    var _a, _b, _c;
+    super();
+    if (!globalThis.Worker) {
+      this.destroy("Worker not supported");
+    }
+    _JASSUB._test();
+    const blendMode = options.blendMode || "js";
+    const asyncRender = typeof createImageBitmap !== "undefined" && ((_a = options.asyncRender) != null ? _a : true);
+    const offscreenRender = typeof OffscreenCanvas !== "undefined" && ((_b = options.offscreenRender) != null ? _b : true);
+    this._onDemandRender = "requestVideoFrameCallback" in HTMLVideoElement.prototype && ((_c = options.onDemandRender) != null ? _c : true);
+    this.timeOffset = options.timeOffset || 0;
+    this._video = options.video;
+    this._videoHeight = 0;
+    this._videoWidth = 0;
+    this._canvas = options.canvas;
+    if (this._video && !this._canvas) {
+      this._canvasParent = document.createElement("div");
+      this._canvasParent.className = "JASSUB";
+      this._canvasParent.style.position = "relative";
+      this._canvas = document.createElement("canvas");
+      this._canvas.style.display = "block";
+      this._canvas.style.position = "absolute";
+      this._canvas.style.pointerEvents = "none";
+      this._canvasParent.appendChild(this._canvas);
+      if (this._video.nextSibling) {
+        this._video.parentNode.insertBefore(this._canvasParent, this._video.nextSibling);
+      } else {
+        this._video.parentNode.appendChild(this._canvasParent);
+      }
+    } else if (!this._canvas) {
+      this.destroy("Don't know where to render: you should give video or canvas in options.");
+    }
+    this._bufferCanvas = document.createElement("canvas");
+    this._bufferCtx = this._bufferCanvas.getContext("2d", { desynchronized: true, willReadFrequently: true });
+    this._canvasctrl = offscreenRender ? this._canvas.transferControlToOffscreen() : this._canvas;
+    this._ctx = !offscreenRender && this._canvasctrl.getContext("2d", { desynchronized: true });
+    this._lastRenderTime = 0;
+    this.debug = !!options.debug;
+    this.prescaleFactor = options.prescaleFactor || 1;
+    this.prescaleHeightLimit = options.prescaleHeightLimit || 1080;
+    this.maxRenderHeight = options.maxRenderHeight || 0;
+    this._worker = new Worker(_JASSUB._supportsWebAssembly ? options.workerUrl || "jassub-worker.js" : options.legacyWorkerUrl || "jassub-worker-legacy.js");
+    this._worker.onmessage = (e) => this._onmessage(e);
+    this._worker.onerror = (e) => this._error(e);
+    this._loaded = new Promise((resolve) => {
+      this._init = () => {
+        var _a2, _b2;
+        if (this._destroyed)
+          return;
+        this._worker.postMessage({
+          target: "init",
+          asyncRender,
+          onDemandRender: this._onDemandRender,
+          width: this._canvasctrl.width,
+          height: this._canvasctrl.height,
+          preMain: true,
+          blendMode,
+          subUrl: options.subUrl,
+          subContent: options.subContent || null,
+          fonts: options.fonts || [],
+          availableFonts: options.availableFonts || { "liberation sans": "./default.woff2" },
+          fallbackFont: options.fallbackFont || "liberation sans",
+          debug: this.debug,
+          targetFps: options.targetFps || 24,
+          dropAllAnimations: options.dropAllAnimations,
+          libassMemoryLimit: options.libassMemoryLimit || 0,
+          libassGlyphLimit: options.libassGlyphLimit || 0,
+          hasAlphaBug: _JASSUB._hasAlphaBug,
+          useLocalFonts: "queryLocalFonts" in self && ((_a2 = options.useLocalFonts) != null ? _a2 : true)
+        });
+        if (offscreenRender === true)
+          this.sendMessage("offscreenCanvas", null, [this._canvasctrl]);
+        this._boundResize = this.resize.bind(this);
+        this._boundTimeUpdate = this._timeupdate.bind(this);
+        this._boundSetRate = this.setRate.bind(this);
+        if (this._video)
+          this.setVideo(options.video);
+        if (this._onDemandRender) {
+          this.busy = false;
+          this._lastDemandTime = null;
+          (_b2 = this._video) == null ? void 0 : _b2.requestVideoFrameCallback(this._handleRVFC.bind(this));
+        }
+        resolve();
+      };
+    });
+  }
+  static _test() {
+    if (_JASSUB._supportsWebAssembly !== null)
+      return null;
+    const canvas1 = document.createElement("canvas");
+    const ctx1 = canvas1.getContext("2d", { willReadFrequently: true });
+    if (typeof ImageData.prototype.constructor === "function") {
+      try {
+        new ImageData(new Uint8ClampedArray([0, 0, 0, 0]), 1, 1);
+      } catch (e) {
+        console.log("detected that ImageData is not constructable despite browser saying so");
+        self.ImageData = function(data, width, height) {
+          const imageData = ctx1.createImageData(width, height);
+          if (data)
+            imageData.data.set(data);
+          return imageData;
+        };
+      }
+    }
+    try {
+      if (typeof WebAssembly === "object" && typeof WebAssembly.instantiate === "function") {
+        const module = new WebAssembly.Module(Uint8Array.of(0, 97, 115, 109, 1, 0, 0, 0));
+        if (module instanceof WebAssembly.Module)
+          _JASSUB._supportsWebAssembly = new WebAssembly.Instance(module) instanceof WebAssembly.Instance;
+      }
+    } catch (e) {
+      _JASSUB._supportsWebAssembly = false;
+    }
+    const canvas2 = document.createElement("canvas");
+    const ctx2 = canvas2.getContext("2d", { willReadFrequently: true });
+    canvas1.width = canvas2.width = 1;
+    canvas1.height = canvas2.height = 1;
+    ctx1.clearRect(0, 0, 1, 1);
+    ctx2.clearRect(0, 0, 1, 1);
+    const prePut = ctx2.getImageData(0, 0, 1, 1).data;
+    ctx1.putImageData(new ImageData(new Uint8ClampedArray([0, 255, 0, 0]), 1, 1), 0, 0);
+    ctx2.drawImage(canvas1, 0, 0);
+    const postPut = ctx2.getImageData(0, 0, 1, 1).data;
+    _JASSUB._hasAlphaBug = prePut[1] !== postPut[1];
+    if (_JASSUB._hasAlphaBug)
+      console.log("Detected a browser having issue with transparent pixels, applying workaround");
+    canvas1.remove();
+    canvas2.remove();
+  }
+  resize(width = 0, height = 0, top = 0, left = 0, force = ((_a) => (_a = this._video) == null ? void 0 : _a.paused)()) {
+    if ((!width || !height) && this._video) {
+      const videoSize = this._getVideoPosition();
+      let renderSize = null;
+      if (this._videoWidth) {
+        const widthRatio = this._video.videoWidth / this._videoWidth;
+        const heightRatio = this._video.videoHeight / this._videoHeight;
+        renderSize = this._computeCanvasSize((videoSize.width || 0) / widthRatio, (videoSize.height || 0) / heightRatio);
+      } else {
+        renderSize = this._computeCanvasSize(videoSize.width || 0, videoSize.height || 0);
+      }
+      width = renderSize.width;
+      height = renderSize.height;
+      if (this._canvasParent) {
+        top = videoSize.y - (this._canvasParent.getBoundingClientRect().top - this._video.getBoundingClientRect().top);
+        left = videoSize.x;
+      }
+      this._canvas.style.width = videoSize.width + "px";
+      this._canvas.style.height = videoSize.height + "px";
+    }
+    this._canvas.style.top = top + "px";
+    this._canvas.style.left = left + "px";
+    this.sendMessage("canvas", { width, height, force: force && this.busy === false });
+  }
+  _getVideoPosition(width = this._video.videoWidth, height = this._video.videoHeight) {
+    const videoRatio = width / height;
+    const { offsetWidth, offsetHeight } = this._video;
+    const elementRatio = offsetWidth / offsetHeight;
+    width = offsetWidth;
+    height = offsetHeight;
+    if (elementRatio > videoRatio) {
+      width = Math.floor(offsetHeight * videoRatio);
+    } else {
+      height = Math.floor(offsetWidth / videoRatio);
+    }
+    const x = (offsetWidth - width) / 2;
+    const y = (offsetHeight - height) / 2;
+    return { width, height, x, y };
+  }
+  _computeCanvasSize(width = 0, height = 0) {
+    const scalefactor = this.prescaleFactor <= 0 ? 1 : this.prescaleFactor;
+    const ratio = self.devicePixelRatio || 1;
+    width = width * ratio;
+    height = height * ratio;
+    if (height <= 0 || width <= 0) {
+      width = 0;
+      height = 0;
+    } else {
+      const sgn = scalefactor < 1 ? -1 : 1;
+      let newH = height * ratio;
+      if (sgn * newH * scalefactor <= sgn * this.prescaleHeightLimit) {
+        newH *= scalefactor;
+      } else if (sgn * newH < sgn * this.prescaleHeightLimit) {
+        newH = this.prescaleHeightLimit;
+      }
+      if (this.maxRenderHeight > 0 && newH > this.maxRenderHeight)
+        newH = this.maxRenderHeight;
+      width *= newH / height;
+      height = newH;
+    }
+    return { width, height };
+  }
+  _timeupdate({ type }) {
+    const eventmap = {
+      seeking: true,
+      waiting: true,
+      playing: false
+    };
+    const playing = eventmap[type];
+    if (playing != null)
+      this._playstate = playing;
+    this.setCurrentTime(this._video.paused || this._playstate, this._video.currentTime + this.timeOffset);
+  }
+  setVideo(video) {
+    if (video instanceof HTMLVideoElement) {
+      this._removeListeners();
+      this._video = video;
+      if (this._onDemandRender) {
+        this._video.requestVideoFrameCallback(this._handleRVFC.bind(this));
+      } else {
+        this._playstate = video.paused;
+        video.addEventListener("timeupdate", this._boundTimeUpdate, false);
+        video.addEventListener("progress", this._boundTimeUpdate, false);
+        video.addEventListener("waiting", this._boundTimeUpdate, false);
+        video.addEventListener("seeking", this._boundTimeUpdate, false);
+        video.addEventListener("playing", this._boundTimeUpdate, false);
+        video.addEventListener("ratechange", this._boundSetRate, false);
+        video.addEventListener("resize", this._boundResize);
+      }
+      if (video.videoWidth > 0)
+        this.resize();
+      if (typeof ResizeObserver !== "undefined") {
+        if (!this._ro)
+          this._ro = new ResizeObserver(() => this.resize());
+        this._ro.observe(video);
+      }
+    } else {
+      this._error("Video element invalid!");
+    }
+  }
+  runBenchmark() {
+    this.sendMessage("runBenchmark");
+  }
+  setTrackByUrl(url) {
+    this.sendMessage("setTrackByUrl", { url });
+  }
+  setTrack(content) {
+    this.sendMessage("setTrack", { content });
+  }
+  freeTrack() {
+    this.sendMessage("freeTrack");
+  }
+  setIsPaused(isPaused) {
+    this.sendMessage("video", { isPaused });
+  }
+  setRate(rate) {
+    this.sendMessage("video", { rate });
+  }
+  setCurrentTime(isPaused, currentTime, rate) {
+    this.sendMessage("video", { isPaused, currentTime, rate });
+  }
+  createEvent(event) {
+    this.sendMessage("createEvent", { event });
+  }
+  setEvent(event, index) {
+    this.sendMessage("setEvent", { event, index });
+  }
+  removeEvent(index) {
+    this.sendMessage("removeEvent", { index });
+  }
+  getEvents(callback) {
+    this._fetchFromWorker({
+      target: "getEvents"
+    }, (err, { events }) => {
+      callback(err, events);
+    });
+  }
+  createStyle(style) {
+    this.sendMessage("createStyle", { style });
+  }
+  setStyle(event, index) {
+    this.sendMessage("setStyle", { event, index });
+  }
+  removeStyle(index) {
+    this.sendMessage("removeStyle", { index });
+  }
+  getStyles(callback) {
+    this._fetchFromWorker({
+      target: "getStyles"
+    }, (err, { styles }) => {
+      callback(err, styles);
+    });
+  }
+  addFont(font) {
+    this.sendMessage("addFont", { font });
+  }
+  _sendLocalFont(name) {
+    try {
+      queryLocalFonts().then((fontData) => {
+        const font = fontData == null ? void 0 : fontData.find((obj) => obj.fullName.toLowerCase() === name);
+        if (font) {
+          font.blob().then((blob) => {
+            blob.arrayBuffer().then((buffer) => {
+              this.addFont(new Uint8Array(buffer));
+            });
+          });
+        }
+      });
+    } catch (e) {
+      console.warn("Local fonts API:", e);
+    }
+  }
+  _getLocalFont({ font }) {
+    var _a;
+    try {
+      if ((_a = navigator == null ? void 0 : navigator.permissions) == null ? void 0 : _a.query) {
+        navigator.permissions.query({ name: "local-fonts" }).then((permission) => {
+          if (permission.state === "granted") {
+            this._sendLocalFont(font);
+          }
+        });
+      } else {
+        this._sendLocalFont(font);
+      }
+    } catch (e) {
+      console.warn("Local fonts API:", e);
+    }
+  }
+  _unbusy() {
+    if (this._lastDemandTime) {
+      this._demandRender(this._lastDemandTime);
+    } else {
+      this.busy = false;
+    }
+  }
+  _handleRVFC(now, { mediaTime, width, height }) {
+    if (this._destroyed)
+      return null;
+    if (this.busy) {
+      this._lastDemandTime = { mediaTime, width, height };
+    } else {
+      this.busy = true;
+      this._demandRender({ mediaTime, width, height });
+    }
+    this._video.requestVideoFrameCallback(this._handleRVFC.bind(this));
+  }
+  _demandRender({ mediaTime, width, height }) {
+    this._lastDemandTime = null;
+    if (width !== this._videoWidth || height !== this._videoHeight) {
+      this._videoWidth = width;
+      this._videoHeight = height;
+      this.resize();
+    }
+    this.sendMessage("demand", { time: mediaTime + this.timeOffset });
+  }
+  _render({ images, async, times, width, height }) {
+    this._unbusy();
+    const drawStartTime = Date.now();
+    if (this._canvasctrl.width !== width || this._canvasctrl.height !== height) {
+      this._canvasctrl.width = width;
+      this._canvasctrl.height = height;
+    }
+    this._ctx.clearRect(0, 0, this._canvasctrl.width, this._canvasctrl.height);
+    for (const image of images) {
+      if (image.image) {
+        if (async) {
+          this._ctx.drawImage(image.image, image.x, image.y);
+          image.image.close();
+        } else {
+          this._bufferCanvas.width = image.w;
+          this._bufferCanvas.height = image.h;
+          this._bufferCtx.putImageData(new ImageData(this._fixAlpha(new Uint8ClampedArray(image.image)), image.w, image.h), 0, 0);
+          this._ctx.drawImage(this._bufferCanvas, image.x, image.y);
+        }
+      }
+    }
+    if (this.debug) {
+      times.drawTime = Date.now() - drawStartTime;
+      let total = 0;
+      for (const key in times)
+        total += times[key];
+      console.log("Bitmaps: " + images.length + " Total: " + Math.round(total) + "ms", times);
+    }
+  }
+  _fixAlpha(uint8) {
+    if (_JASSUB._hasAlphaBug) {
+      for (let j = 3; j < uint8.length; j += 4) {
+        uint8[j] = uint8[j] > 1 ? uint8[j] : 1;
+      }
+    }
+    return uint8;
+  }
+  _ready() {
+    this._init();
+    this.dispatchEvent(new CustomEvent("ready"));
+  }
+  async sendMessage(target, data = {}, transferable) {
+    await this._loaded;
+    if (transferable) {
+      this._worker.postMessage({
+        target,
+        transferable,
+        ...data
+      }, [...transferable]);
+    } else {
+      this._worker.postMessage({
+        target,
+        ...data
+      });
+    }
+  }
+  _fetchFromWorker(workerOptions, callback) {
+    try {
+      const target = workerOptions.target;
+      const timeout = setTimeout(() => {
+        reject(new Error("Error: Timeout while try to fetch " + target));
+      }, 5e3);
+      const resolve = ({ data }) => {
+        if (data.target === target) {
+          callback(null, data);
+          this._worker.removeEventListener("message", resolve);
+          this._worker.removeEventListener("error", reject);
+          clearTimeout(timeout);
+        }
+      };
+      const reject = (event) => {
+        callback(event);
+        this._worker.removeEventListener("message", resolve);
+        this._worker.removeEventListener("error", reject);
+        clearTimeout(timeout);
+      };
+      this._worker.addEventListener("message", resolve);
+      this._worker.addEventListener("error", reject);
+      this._worker.postMessage(workerOptions);
+    } catch (error) {
+      this._error(error);
+    }
+  }
+  _console({ content, command }) {
+    console[command].apply(console, JSON.parse(content));
+  }
+  _onmessage({ data }) {
+    if (this["_" + data.target])
+      this["_" + data.target](data);
+  }
+  _error(err) {
+    this.dispatchEvent(err instanceof ErrorEvent ? new ErrorEvent(err.type, err) : new ErrorEvent("error", { cause: err instanceof Error ? err.cause : err }));
+    if (!(err instanceof Error)) {
+      if (err instanceof ErrorEvent) {
+        err = err.error;
+      } else {
+        err = new Error("error", { cause: err });
+      }
+    }
+    console.error(err);
+  }
+  _removeListeners() {
+    if (this._video) {
+      if (this._ro)
+        this._ro.unobserve(this._video);
+      this._video.removeEventListener("timeupdate", this._boundTimeUpdate);
+      this._video.removeEventListener("progress", this._boundTimeUpdate);
+      this._video.removeEventListener("waiting", this._boundTimeUpdate);
+      this._video.removeEventListener("seeking", this._boundTimeUpdate);
+      this._video.removeEventListener("playing", this._boundTimeUpdate);
+      this._video.removeEventListener("ratechange", this._boundSetRate);
+      this._video.removeEventListener("resize", this._boundResize);
+    }
+  }
+  destroy(err) {
+    if (err)
+      this._error(err);
+    if (this._video && this._canvasParent)
+      this._video.parentNode.removeChild(this._canvasParent);
+    this._destroyed = true;
+    this._removeListeners();
+    this.sendMessage("destroy");
+    this._worker.terminate();
+  }
+};
+let JASSUB = _JASSUB;
+__publicField(JASSUB, "_supportsWebAssembly", null);
+__publicField(JASSUB, "_hasAlphaBug", null);
+export { JASSUB as default };

package/dist/jassub.umd.js

@@ -1 +1 @@
-(function(d,o){typeof exports=="object"&&typeof module!="undefined"?module.exports=o():typeof define=="function"&&define.amd?define(o):(d=typeof globalThis!="undefined"?globalThis:d||self,d.JASSUB=o())})(this,function(){"use strict";var v=Object.defineProperty;var f=(d,o,c)=>o in d?v(d,o,{enumerable:!0,configurable:!0,writable:!0,value:c}):d[o]=c;var u=(d,o,c)=>(f(d,typeof o!="symbol"?o+"":o,c),c);!("requestVideoFrameCallback"in HTMLVideoElement.prototype)&&"getVideoPlaybackQuality"in HTMLVideoElement.prototype&&(HTMLVideoElement.prototype._rvfcpolyfillmap={},HTMLVideoElement.prototype.requestVideoFrameCallback=function(c){const e=this.getVideoPlaybackQuality(),t=this.mozPresentedFrames||this.mozPaintedFrames||e.totalVideoFrames-e.droppedVideoFrames,s=(n,i)=>{const h=this.getVideoPlaybackQuality(),m=this.mozPresentedFrames||this.mozPaintedFrames||h.totalVideoFrames-h.droppedVideoFrames;if(m>t){const l=this.mozFrameDelay||h.totalFrameDelay-e.totalFrameDelay||0,_=i-n;c(i,{presentationTime:i+l*1e3,expectedDisplayTime:i+_,width:this.videoWidth,height:this.videoHeight,mediaTime:Math.max(0,this.currentTime||0)+_/1e3,presentedFrames:m,processingDuration:l}),delete this._rvfcpolyfillmap[a]}else this._rvfcpolyfillmap[a]=requestAnimationFrame(l=>s(i,l))},a=Date.now(),r=performance.now();return this._rvfcpolyfillmap[a]=requestAnimationFrame(n=>s(r,n)),a},HTMLVideoElement.prototype.cancelVideoFrameCallback=function(c){cancelAnimationFrame(this._rvfcpolyfillmap[c]),delete this._rvfcpolyfillmap[c]});const o=class extends EventTarget{constructor(e={}){var r,n,i;super(),globalThis.Worker||this.destroy("Worker not supported"),o._test();const t=e.blendMode||"js",s=typeof createImageBitmap!="undefined"&&((r=e.asyncRender)!=null?r:!0),a=typeof OffscreenCanvas!="undefined"&&((n=e.offscreenRender)!=null?n:!0);this._onDemandRender="requestVideoFrameCallback"in HTMLVideoElement.prototype&&((i=e.onDemandRender)!=null?i:!0),this.timeOffset=e.timeOffset||0,this._video=e.video,this._videoHeight=0,this._videoWidth=0,this._canvas=e.canvas,this._video&&!this._canvas?(this._canvasParent=document.createElement("div"),this._canvasParent.className="JASSUB",this._canvasParent.style.position="relative",this._canvas=document.createElement("canvas"),this._canvas.style.display="block",this._canvas.style.position="absolute",this._canvas.style.pointerEvents="none",this._canvasParent.appendChild(this._canvas),this._video.nextSibling?this._video.parentNode.insertBefore(this._canvasParent,this._video.nextSibling):this._video.parentNode.appendChild(this._canvasParent)):this._canvas||this.destroy("Don't know where to render: you should give video or canvas in options."),this._bufferCanvas=document.createElement("canvas"),this._bufferCtx=this._bufferCanvas.getContext("2d",{desynchronized:!0,willReadFrequently:!0}),this._canvasctrl=a?this._canvas.transferControlToOffscreen():this._canvas,this._ctx=!a&&this._canvasctrl.getContext("2d",{desynchronized:!0}),this._lastRenderTime=0,this.debug=!!e.debug,this.prescaleFactor=e.prescaleFactor||1,this.prescaleHeightLimit=e.prescaleHeightLimit||1080,this.maxRenderHeight=e.maxRenderHeight||0,this._worker=new Worker(o._supportsWebAssembly?e.workerUrl||"jassub-worker.js":e.legacyWorkerUrl||"jassub-worker-legacy.js"),this._worker.onmessage=h=>this._onmessage(h),this._worker.onerror=h=>this._error(h),this._loaded=new Promise(h=>{this._init=()=>{var m,l;this._destroyed||(this._worker.postMessage({target:"init",asyncRender:s,onDemandRender:this._onDemandRender,width:this._canvasctrl.width,height:this._canvasctrl.height,preMain:!0,blendMode:t,subUrl:e.subUrl,subContent:e.subContent||null,fonts:e.fonts||[],availableFonts:e.availableFonts||{"liberation sans":"./default.woff2"},fallbackFont:e.fallbackFont||"liberation sans",debug:this.debug,targetFps:e.targetFps||24,dropAllAnimations:e.dropAllAnimations,libassMemoryLimit:e.libassMemoryLimit||0,libassGlyphLimit:e.libassGlyphLimit||0,hasAlphaBug:o._hasAlphaBug,useLocalFonts:"queryLocalFonts"in self&&((m=e.useLocalFonts)!=null?m:!0)}),a===!0&&this.sendMessage("offscreenCanvas",null,[this._canvasctrl]),this._boundResize=this.resize.bind(this),this._boundTimeUpdate=this._timeupdate.bind(this),this._boundSetRate=this.setRate.bind(this),this._video&&this.setVideo(e.video),this._onDemandRender&&(this.busy=!1,this._lastDemandTime=null,(l=this._video)==null||l.requestVideoFrameCallback(this._handleRVFC.bind(this))),h())}})}static _test(){if(o._supportsWebAssembly!==null)return null;const e=document.createElement("canvas"),t=e.getContext("2d",{willReadFrequently:!0});if(typeof ImageData.prototype.constructor=="function")try{new ImageData(new Uint8ClampedArray([0,0,0,0]),1,1)}catch{console.log("detected that ImageData is not constructable despite browser saying so"),self.ImageData=function(h,m,l){const _=t.createImageData(m,l);return h&&_.data.set(h),_}}try{if(typeof WebAssembly=="object"&&typeof WebAssembly.instantiate=="function"){const i=new WebAssembly.Module(Uint8Array.of(0,97,115,109,1,0,0,0));i instanceof WebAssembly.Module&&(o._supportsWebAssembly=new WebAssembly.Instance(i)instanceof WebAssembly.Instance)}}catch{o._supportsWebAssembly=!1}const s=document.createElement("canvas"),a=s.getContext("2d",{willReadFrequently:!0});e.width=s.width=1,e.height=s.height=1,t.clearRect(0,0,1,1),a.clearRect(0,0,1,1);const r=a.getImageData(0,0,1,1).data;t.putImageData(new ImageData(new Uint8ClampedArray([0,255,0,0]),1,1),0,0),a.drawImage(e,0,0);const n=a.getImageData(0,0,1,1).data;o._hasAlphaBug=r[1]!==n[1],o._hasAlphaBug&&console.log("Detected a browser having issue with transparent pixels, applying workaround"),e.remove(),s.remove()}resize(e=0,t=0,s=0,a=0,r=(n=>(n=this._video)==null?void 0:n.paused)()){if((!e||!t)&&this._video){const i=this._getVideoPosition();let h=null;if(this._videoWidth){const m=this._video.videoWidth/this._videoWidth,l=this._video.videoHeight/this._videoHeight;h=this._computeCanvasSize((i.width||0)/m,(i.height||0)/l)}else h=this._computeCanvasSize(i.width||0,i.height||0);e=h.width,t=h.height,this._canvasParent&&(s=i.y-(this._canvasParent.getBoundingClientRect().top-this._video.getBoundingClientRect().top),a=i.x),this._canvas.style.width=i.width+"px",this._canvas.style.height=i.height+"px"}this._canvas.style.top=s+"px",this._canvas.style.left=a+"px",this.sendMessage("canvas",{width:e,height:t,force:r&&this.busy===!1})}_getVideoPosition(e=this._video.videoWidth,t=this._video.videoHeight){const s=e/t,{offsetWidth:a,offsetHeight:r}=this._video,n=a/r;e=a,t=r,n>s?e=Math.floor(r*s):t=Math.floor(a/s);const i=(a-e)/2,h=(r-t)/2;return{width:e,height:t,x:i,y:h}}_computeCanvasSize(e=0,t=0){const s=this.prescaleFactor<=0?1:this.prescaleFactor,a=self.devicePixelRatio||1;if(e=e*a,t=t*a,t<=0||e<=0)e=0,t=0;else{const r=s<1?-1:1;let n=t*a;r*n*s<=r*this.prescaleHeightLimit?n*=s:r*n<r*this.prescaleHeightLimit&&(n=this.prescaleHeightLimit),this.maxRenderHeight>0&&n>this.maxRenderHeight&&(n=this.maxRenderHeight),e*=n/t,t=n}return{width:e,height:t}}_timeupdate({type:e}){const s={seeking:!0,waiting:!0,playing:!1}[e];s!=null&&(this._playstate=s),this.setCurrentTime(this._video.paused||this._playstate,this._video.currentTime+this.timeOffset)}setVideo(e){e instanceof HTMLVideoElement?(this._removeListeners(),this._video=e,this._onDemandRender?this._video.requestVideoFrameCallback(this._handleRVFC.bind(this)):(this._playstate=e.paused,e.addEventListener("timeupdate",this._boundTimeUpdate,!1),e.addEventListener("progress",this._boundTimeUpdate,!1),e.addEventListener("waiting",this._boundTimeUpdate,!1),e.addEventListener("seeking",this._boundTimeUpdate,!1),e.addEventListener("playing",this._boundTimeUpdate,!1),e.addEventListener("ratechange",this._boundSetRate,!1),e.addEventListener("resize",this._boundResize)),e.videoWidth>0&&this.resize(),typeof ResizeObserver!="undefined"&&(this._ro||(this._ro=new ResizeObserver(()=>this.resize())),this._ro.observe(e))):this._error("Video element invalid!")}runBenchmark(){this.sendMessage("runBenchmark")}setTrackByUrl(e){this.sendMessage("setTrackByUrl",{url:e})}setTrack(e){this.sendMessage("setTrack",{content:e})}freeTrack(){this.sendMessage("freeTrack")}setIsPaused(e){this.sendMessage("video",{isPaused:e})}setRate(e){this.sendMessage("video",{rate:e})}setCurrentTime(e,t,s){this.sendMessage("video",{isPaused:e,currentTime:t,rate:s})}createEvent(e){this.sendMessage("createEvent",{event:e})}setEvent(e,t){this.sendMessage("setEvent",{event:e,index:t})}removeEvent(e){this.sendMessage("removeEvent",{index:e})}getEvents(e){this._fetchFromWorker({target:"getEvents"},(t,{events:s})=>{e(t,s)})}createStyle(e){this.sendMessage("createStyle",{style:e})}setStyle(e,t){this.sendMessage("setStyle",{event:e,index:t})}removeStyle(e){this.sendMessage("removeStyle",{index:e})}getStyles(e){this._fetchFromWorker({target:"getStyles"},(t,{styles:s})=>{e(t,s)})}addFont(e){this.sendMessage("addFont",{font:e})}_sendLocalFont(e){try{queryLocalFonts().then(t=>{const s=t==null?void 0:t.find(a=>a.fullName.toLowerCase()===e);s&&s.blob().then(a=>{a.arrayBuffer().then(r=>{this.addFont(new Uint8Array(r))})})})}catch(t){console.warn("Local fonts API:",t)}}_getLocalFont({font:e}){var t;try{(t=navigator==null?void 0:navigator.permissions)!=null&&t.query?navigator.permissions.query({name:"local-fonts"}).then(s=>{s.state==="granted"&&this._sendLocalFont(e)}):this._sendLocalFont(e)}catch(s){console.warn("Local fonts API:",s)}}_unbusy(){this._lastDemandTime?this._demandRender(this._lastDemandTime):this.busy=!1}_handleRVFC(e,{mediaTime:t,width:s,height:a}){if(this._destroyed)return null;this.busy?this._lastDemandTime={mediaTime:t,width:s,height:a}:(this.busy=!0,this._demandRender({mediaTime:t,width:s,height:a})),this._video.requestVideoFrameCallback(this._handleRVFC.bind(this))}_demandRender({mediaTime:e,width:t,height:s}){this._lastDemandTime=null,(t!==this._videoWidth||s!==this._videoHeight)&&(this._videoWidth=t,this._videoHeight=s,this.resize()),this.sendMessage("demand",{time:e+this.timeOffset})}_render({images:e,async:t,times:s,width:a,height:r}){this._unbusy();const n=Date.now();(this._canvasctrl.width!==a||this._canvasctrl.height!==r)&&(this._canvasctrl.width=a,this._canvasctrl.height=r),this._ctx.clearRect(0,0,this._canvasctrl.width,this._canvasctrl.height);for(const i of e)i.image&&(t?(this._ctx.drawImage(i.image,i.x,i.y),i.image.close()):(this._bufferCanvas.width=i.w,this._bufferCanvas.height=i.h,this._bufferCtx.putImageData(new ImageData(this._fixAlpha(new Uint8ClampedArray(i.image)),i.w,i.h),0,0),this._ctx.drawImage(this._bufferCanvas,i.x,i.y)));if(this.debug){s.drawTime=Date.now()-n;let i=0;for(const h in s)i+=s[h];console.log("Bitmaps: "+e.length+" Total: "+Math.round(i)+"ms",s)}}_fixAlpha(e){if(o._hasAlphaBug)for(let t=3;t<e.length;t+=4)e[t]=e[t]>1?e[t]:1;return e}_ready(){this._init(),this.dispatchEvent(new CustomEvent("ready"))}async sendMessage(e,t={},s){await this._loaded,s?this._worker.postMessage({target:e,transferable:s,...t},[...s]):this._worker.postMessage({target:e,...t})}_fetchFromWorker(e,t){try{const s=e.target,a=setTimeout(()=>{n(new Error("Error: Timeout while try to fetch "+s))},5e3),r=({data:i})=>{i.target===s&&(t(null,i),this._worker.removeEventListener("message",r),this._worker.removeEventListener("error",n),clearTimeout(a))},n=i=>{t(i),this._worker.removeEventListener("message",r),this._worker.removeEventListener("error",n),clearTimeout(a)};this._worker.addEventListener("message",r),this._worker.addEventListener("error",n),this._worker.postMessage(e)}catch(s){this._error(s)}}_console({content:e,command:t}){console[t].apply(console,JSON.parse(e))}_onmessage({data:e}){this["_"+e.target]&&this["_"+e.target](e)}_error(e){this.dispatchEvent(e instanceof ErrorEvent?new ErrorEvent(e.type,e):new ErrorEvent("error",{cause:e instanceof Error?e.cause:e})),e instanceof Error||(e instanceof ErrorEvent?e=e.error:e=new Error("error",{cause:e})),console.error(e)}_removeListeners(){this._video&&(this._ro&&this._ro.unobserve(this._video),this._video.removeEventListener("timeupdate",this._boundTimeUpdate),this._video.removeEventListener("progress",this._boundTimeUpdate),this._video.removeEventListener("waiting",this._boundTimeUpdate),this._video.removeEventListener("seeking",this._boundTimeUpdate),this._video.removeEventListener("playing",this._boundTimeUpdate),this._video.removeEventListener("ratechange",this._boundSetRate),this._video.removeEventListener("resize",this._boundResize))}destroy(e){e&&this._error(e),this._video&&this._canvasParent&&this._video.parentNode.removeChild(this._canvasParent),this._destroyed=!0,this._removeListeners(),this.sendMessage("destroy"),this._worker.terminate()}};let d=o;return u(d,"_supportsWebAssembly",null),u(d,"_hasAlphaBug",null),d});
+(function(l,d){typeof exports=="object"&&typeof module!="undefined"?module.exports=d():typeof define=="function"&&define.amd?define(d):(l=typeof globalThis!="undefined"?globalThis:l||self,l.JASSUB=d())})(this,function(){"use strict";var g=Object.defineProperty;var y=(l,d,u)=>d in l?g(l,d,{enumerable:!0,configurable:!0,writable:!0,value:u}):l[d]=u;var p=(l,d,u)=>(y(l,typeof d!="symbol"?d+"":d,u),u);!("requestVideoFrameCallback"in HTMLVideoElement.prototype)&&"getVideoPlaybackQuality"in HTMLVideoElement.prototype&&(HTMLVideoElement.prototype._rvfcpolyfillmap={},HTMLVideoElement.prototype.requestVideoFrameCallback=function(h){const e=this.getVideoPlaybackQuality(),t=this.mozPresentedFrames||this.mozPaintedFrames||e.totalVideoFrames-e.droppedVideoFrames,s=(r,n)=>{const o=this.getVideoPlaybackQuality(),m=this.mozPresentedFrames||this.mozPaintedFrames||o.totalVideoFrames-o.droppedVideoFrames;if(m>t){const f=this.mozFrameDelay||o.totalFrameDelay-e.totalFrameDelay||0,v=n-r;h(n,{presentationTime:n+f*1e3,expectedDisplayTime:n+v,width:this.videoWidth,height:this.videoHeight,mediaTime:Math.max(0,this.currentTime||0)+v/1e3,presentedFrames:m,processingDuration:f}),delete this._rvfcpolyfillmap[i]}else this._rvfcpolyfillmap[i]=requestAnimationFrame(f=>s(n,f))},i=Date.now(),a=performance.now();return this._rvfcpolyfillmap[i]=requestAnimationFrame(r=>s(a,r)),i},HTMLVideoElement.prototype.cancelVideoFrameCallback=function(h){cancelAnimationFrame(this._rvfcpolyfillmap[h]),delete this._rvfcpolyfillmap[h]});var l=typeof globalThis!="undefined"?globalThis:typeof window!="undefined"?window:typeof global!="undefined"?global:typeof self!="undefined"?self:{};const d=typeof globalThis!="undefined"&&globalThis||typeof self!="undefined"&&self||typeof l!="undefined"&&l;function u(h){try{new h}catch{return!1}return!0}(typeof d.Event!="function"||!u(d.Event))&&(d.Event=function(){function h(e,t){this.bubbles=!!t&&!!t.bubbles,this.cancelable=!!t&&!!t.cancelable,this.composed=!!t&&!!t.composed,this.type=e}return h}()),(typeof d.EventTarget=="undefined"||!u(d.Event))&&(d.EventTarget=function(){function h(){this.__listeners=new Map}return h.prototype=Object.create(Object.prototype),h.prototype.addEventListener=function(e,t,s){if(arguments.length<2)throw new TypeError(`TypeError: Failed to execute 'addEventListener' on 'EventTarget': 2 arguments required, but only ${arguments.length} present.`);const i=this.__listeners,a=e.toString();i.has(a)||i.set(a,new Map);const r=i.get(a);r.has(t)||r.set(t,s)},h.prototype.removeEventListener=function(e,t,s){if(arguments.length<2)throw new TypeError(`TypeError: Failed to execute 'addEventListener' on 'EventTarget': 2 arguments required, but only ${arguments.length} present.`);const i=this.__listeners,a=e.toString();if(i.has(a)){const r=i.get(a);r.has(t)&&r.delete(t)}},h.prototype.dispatchEvent=function(e){if(!(e instanceof Event))throw new TypeError("Failed to execute 'dispatchEvent' on 'EventTarget': parameter 1 is not of type 'Event'.");const t=e.type,i=this.__listeners.get(t);if(i)for(const[a,r]of i.entries()){try{typeof a=="function"?a.call(this,e):a&&typeof a.handleEvent=="function"&&a.handleEvent(e)}catch(n){setTimeout(()=>{throw n})}r&&r.once&&i.delete(a)}return!0},h}());const c=class extends EventTarget{constructor(e={}){var a,r,n;super(),globalThis.Worker||this.destroy("Worker not supported"),c._test();const t=e.blendMode||"js",s=typeof createImageBitmap!="undefined"&&((a=e.asyncRender)!=null?a:!0),i=typeof OffscreenCanvas!="undefined"&&((r=e.offscreenRender)!=null?r:!0);this._onDemandRender="requestVideoFrameCallback"in HTMLVideoElement.prototype&&((n=e.onDemandRender)!=null?n:!0),this.timeOffset=e.timeOffset||0,this._video=e.video,this._videoHeight=0,this._videoWidth=0,this._canvas=e.canvas,this._video&&!this._canvas?(this._canvasParent=document.createElement("div"),this._canvasParent.className="JASSUB",this._canvasParent.style.position="relative",this._canvas=document.createElement("canvas"),this._canvas.style.display="block",this._canvas.style.position="absolute",this._canvas.style.pointerEvents="none",this._canvasParent.appendChild(this._canvas),this._video.nextSibling?this._video.parentNode.insertBefore(this._canvasParent,this._video.nextSibling):this._video.parentNode.appendChild(this._canvasParent)):this._canvas||this.destroy("Don't know where to render: you should give video or canvas in options."),this._bufferCanvas=document.createElement("canvas"),this._bufferCtx=this._bufferCanvas.getContext("2d",{desynchronized:!0,willReadFrequently:!0}),this._canvasctrl=i?this._canvas.transferControlToOffscreen():this._canvas,this._ctx=!i&&this._canvasctrl.getContext("2d",{desynchronized:!0}),this._lastRenderTime=0,this.debug=!!e.debug,this.prescaleFactor=e.prescaleFactor||1,this.prescaleHeightLimit=e.prescaleHeightLimit||1080,this.maxRenderHeight=e.maxRenderHeight||0,this._worker=new Worker(c._supportsWebAssembly?e.workerUrl||"jassub-worker.js":e.legacyWorkerUrl||"jassub-worker-legacy.js"),this._worker.onmessage=o=>this._onmessage(o),this._worker.onerror=o=>this._error(o),this._loaded=new Promise(o=>{this._init=()=>{var m,f;this._destroyed||(this._worker.postMessage({target:"init",asyncRender:s,onDemandRender:this._onDemandRender,width:this._canvasctrl.width,height:this._canvasctrl.height,preMain:!0,blendMode:t,subUrl:e.subUrl,subContent:e.subContent||null,fonts:e.fonts||[],availableFonts:e.availableFonts||{"liberation sans":"./default.woff2"},fallbackFont:e.fallbackFont||"liberation sans",debug:this.debug,targetFps:e.targetFps||24,dropAllAnimations:e.dropAllAnimations,libassMemoryLimit:e.libassMemoryLimit||0,libassGlyphLimit:e.libassGlyphLimit||0,hasAlphaBug:c._hasAlphaBug,useLocalFonts:"queryLocalFonts"in self&&((m=e.useLocalFonts)!=null?m:!0)}),i===!0&&this.sendMessage("offscreenCanvas",null,[this._canvasctrl]),this._boundResize=this.resize.bind(this),this._boundTimeUpdate=this._timeupdate.bind(this),this._boundSetRate=this.setRate.bind(this),this._video&&this.setVideo(e.video),this._onDemandRender&&(this.busy=!1,this._lastDemandTime=null,(f=this._video)==null||f.requestVideoFrameCallback(this._handleRVFC.bind(this))),o())}})}static _test(){if(c._supportsWebAssembly!==null)return null;const e=document.createElement("canvas"),t=e.getContext("2d",{willReadFrequently:!0});if(typeof ImageData.prototype.constructor=="function")try{new ImageData(new Uint8ClampedArray([0,0,0,0]),1,1)}catch{console.log("detected that ImageData is not constructable despite browser saying so"),self.ImageData=function(o,m,f){const v=t.createImageData(m,f);return o&&v.data.set(o),v}}try{if(typeof WebAssembly=="object"&&typeof WebAssembly.instantiate=="function"){const n=new WebAssembly.Module(Uint8Array.of(0,97,115,109,1,0,0,0));n instanceof WebAssembly.Module&&(c._supportsWebAssembly=new WebAssembly.Instance(n)instanceof WebAssembly.Instance)}}catch{c._supportsWebAssembly=!1}const s=document.createElement("canvas"),i=s.getContext("2d",{willReadFrequently:!0});e.width=s.width=1,e.height=s.height=1,t.clearRect(0,0,1,1),i.clearRect(0,0,1,1);const a=i.getImageData(0,0,1,1).data;t.putImageData(new ImageData(new Uint8ClampedArray([0,255,0,0]),1,1),0,0),i.drawImage(e,0,0);const r=i.getImageData(0,0,1,1).data;c._hasAlphaBug=a[1]!==r[1],c._hasAlphaBug&&console.log("Detected a browser having issue with transparent pixels, applying workaround"),e.remove(),s.remove()}resize(e=0,t=0,s=0,i=0,a=(r=>(r=this._video)==null?void 0:r.paused)()){if((!e||!t)&&this._video){const n=this._getVideoPosition();let o=null;if(this._videoWidth){const m=this._video.videoWidth/this._videoWidth,f=this._video.videoHeight/this._videoHeight;o=this._computeCanvasSize((n.width||0)/m,(n.height||0)/f)}else o=this._computeCanvasSize(n.width||0,n.height||0);e=o.width,t=o.height,this._canvasParent&&(s=n.y-(this._canvasParent.getBoundingClientRect().top-this._video.getBoundingClientRect().top),i=n.x),this._canvas.style.width=n.width+"px",this._canvas.style.height=n.height+"px"}this._canvas.style.top=s+"px",this._canvas.style.left=i+"px",this.sendMessage("canvas",{width:e,height:t,force:a&&this.busy===!1})}_getVideoPosition(e=this._video.videoWidth,t=this._video.videoHeight){const s=e/t,{offsetWidth:i,offsetHeight:a}=this._video,r=i/a;e=i,t=a,r>s?e=Math.floor(a*s):t=Math.floor(i/s);const n=(i-e)/2,o=(a-t)/2;return{width:e,height:t,x:n,y:o}}_computeCanvasSize(e=0,t=0){const s=this.prescaleFactor<=0?1:this.prescaleFactor,i=self.devicePixelRatio||1;if(e=e*i,t=t*i,t<=0||e<=0)e=0,t=0;else{const a=s<1?-1:1;let r=t*i;a*r*s<=a*this.prescaleHeightLimit?r*=s:a*r<a*this.prescaleHeightLimit&&(r=this.prescaleHeightLimit),this.maxRenderHeight>0&&r>this.maxRenderHeight&&(r=this.maxRenderHeight),e*=r/t,t=r}return{width:e,height:t}}_timeupdate({type:e}){const s={seeking:!0,waiting:!0,playing:!1}[e];s!=null&&(this._playstate=s),this.setCurrentTime(this._video.paused||this._playstate,this._video.currentTime+this.timeOffset)}setVideo(e){e instanceof HTMLVideoElement?(this._removeListeners(),this._video=e,this._onDemandRender?this._video.requestVideoFrameCallback(this._handleRVFC.bind(this)):(this._playstate=e.paused,e.addEventListener("timeupdate",this._boundTimeUpdate,!1),e.addEventListener("progress",this._boundTimeUpdate,!1),e.addEventListener("waiting",this._boundTimeUpdate,!1),e.addEventListener("seeking",this._boundTimeUpdate,!1),e.addEventListener("playing",this._boundTimeUpdate,!1),e.addEventListener("ratechange",this._boundSetRate,!1),e.addEventListener("resize",this._boundResize)),e.videoWidth>0&&this.resize(),typeof ResizeObserver!="undefined"&&(this._ro||(this._ro=new ResizeObserver(()=>this.resize())),this._ro.observe(e))):this._error("Video element invalid!")}runBenchmark(){this.sendMessage("runBenchmark")}setTrackByUrl(e){this.sendMessage("setTrackByUrl",{url:e})}setTrack(e){this.sendMessage("setTrack",{content:e})}freeTrack(){this.sendMessage("freeTrack")}setIsPaused(e){this.sendMessage("video",{isPaused:e})}setRate(e){this.sendMessage("video",{rate:e})}setCurrentTime(e,t,s){this.sendMessage("video",{isPaused:e,currentTime:t,rate:s})}createEvent(e){this.sendMessage("createEvent",{event:e})}setEvent(e,t){this.sendMessage("setEvent",{event:e,index:t})}removeEvent(e){this.sendMessage("removeEvent",{index:e})}getEvents(e){this._fetchFromWorker({target:"getEvents"},(t,{events:s})=>{e(t,s)})}createStyle(e){this.sendMessage("createStyle",{style:e})}setStyle(e,t){this.sendMessage("setStyle",{event:e,index:t})}removeStyle(e){this.sendMessage("removeStyle",{index:e})}getStyles(e){this._fetchFromWorker({target:"getStyles"},(t,{styles:s})=>{e(t,s)})}addFont(e){this.sendMessage("addFont",{font:e})}_sendLocalFont(e){try{queryLocalFonts().then(t=>{const s=t==null?void 0:t.find(i=>i.fullName.toLowerCase()===e);s&&s.blob().then(i=>{i.arrayBuffer().then(a=>{this.addFont(new Uint8Array(a))})})})}catch(t){console.warn("Local fonts API:",t)}}_getLocalFont({font:e}){var t;try{(t=navigator==null?void 0:navigator.permissions)!=null&&t.query?navigator.permissions.query({name:"local-fonts"}).then(s=>{s.state==="granted"&&this._sendLocalFont(e)}):this._sendLocalFont(e)}catch(s){console.warn("Local fonts API:",s)}}_unbusy(){this._lastDemandTime?this._demandRender(this._lastDemandTime):this.busy=!1}_handleRVFC(e,{mediaTime:t,width:s,height:i}){if(this._destroyed)return null;this.busy?this._lastDemandTime={mediaTime:t,width:s,height:i}:(this.busy=!0,this._demandRender({mediaTime:t,width:s,height:i})),this._video.requestVideoFrameCallback(this._handleRVFC.bind(this))}_demandRender({mediaTime:e,width:t,height:s}){this._lastDemandTime=null,(t!==this._videoWidth||s!==this._videoHeight)&&(this._videoWidth=t,this._videoHeight=s,this.resize()),this.sendMessage("demand",{time:e+this.timeOffset})}_render({images:e,async:t,times:s,width:i,height:a}){this._unbusy();const r=Date.now();(this._canvasctrl.width!==i||this._canvasctrl.height!==a)&&(this._canvasctrl.width=i,this._canvasctrl.height=a),this._ctx.clearRect(0,0,this._canvasctrl.width,this._canvasctrl.height);for(const n of e)n.image&&(t?(this._ctx.drawImage(n.image,n.x,n.y),n.image.close()):(this._bufferCanvas.width=n.w,this._bufferCanvas.height=n.h,this._bufferCtx.putImageData(new ImageData(this._fixAlpha(new Uint8ClampedArray(n.image)),n.w,n.h),0,0),this._ctx.drawImage(this._bufferCanvas,n.x,n.y)));if(this.debug){s.drawTime=Date.now()-r;let n=0;for(const o in s)n+=s[o];console.log("Bitmaps: "+e.length+" Total: "+Math.round(n)+"ms",s)}}_fixAlpha(e){if(c._hasAlphaBug)for(let t=3;t<e.length;t+=4)e[t]=e[t]>1?e[t]:1;return e}_ready(){this._init(),this.dispatchEvent(new CustomEvent("ready"))}async sendMessage(e,t={},s){await this._loaded,s?this._worker.postMessage({target:e,transferable:s,...t},[...s]):this._worker.postMessage({target:e,...t})}_fetchFromWorker(e,t){try{const s=e.target,i=setTimeout(()=>{r(new Error("Error: Timeout while try to fetch "+s))},5e3),a=({data:n})=>{n.target===s&&(t(null,n),this._worker.removeEventListener("message",a),this._worker.removeEventListener("error",r),clearTimeout(i))},r=n=>{t(n),this._worker.removeEventListener("message",a),this._worker.removeEventListener("error",r),clearTimeout(i)};this._worker.addEventListener("message",a),this._worker.addEventListener("error",r),this._worker.postMessage(e)}catch(s){this._error(s)}}_console({content:e,command:t}){console[t].apply(console,JSON.parse(e))}_onmessage({data:e}){this["_"+e.target]&&this["_"+e.target](e)}_error(e){this.dispatchEvent(e instanceof ErrorEvent?new ErrorEvent(e.type,e):new ErrorEvent("error",{cause:e instanceof Error?e.cause:e})),e instanceof Error||(e instanceof ErrorEvent?e=e.error:e=new Error("error",{cause:e})),console.error(e)}_removeListeners(){this._video&&(this._ro&&this._ro.unobserve(this._video),this._video.removeEventListener("timeupdate",this._boundTimeUpdate),this._video.removeEventListener("progress",this._boundTimeUpdate),this._video.removeEventListener("waiting",this._boundTimeUpdate),this._video.removeEventListener("seeking",this._boundTimeUpdate),this._video.removeEventListener("playing",this._boundTimeUpdate),this._video.removeEventListener("ratechange",this._boundSetRate),this._video.removeEventListener("resize",this._boundResize))}destroy(e){e&&this._error(e),this._video&&this._canvasParent&&this._video.parentNode.removeChild(this._canvasParent),this._destroyed=!0,this._removeListeners(),this.sendMessage("destroy"),this._worker.terminate()}};let _=c;return p(_,"_supportsWebAssembly",null),p(_,"_hasAlphaBug",null),_});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jassub",
-  "version": "1.5.2",
+  "version": "1.5.3",
   "description": "libass Subtitle Renderer and Parser library for browsers",
   "main": "src/jassub.js",
   "files": [