@applemusic-like-lyrics/core 0.0.1 → 0.0.2

package/dist/amll-core.mjs

@@ -1,27 +1,136 @@
-var w = Object.defineProperty;
-var v = (d, t, e) => t in d ? w(d, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[t] = e;
-var l = (d, t, e) => (v(d, typeof t != "symbol" ? t + "" : t, e), e);
-import { Container as x } from "@pixi/display";
-import { Application as C } from "@pixi/app";
-import { BlurFilter as f } from "@pixi/filter-blur";
-import { ColorMatrixFilter as b } from "@pixi/filter-color-matrix";
-import { Texture as M } from "@pixi/core";
-import { Sprite as L } from "@pixi/sprite";
-import { create as z } from "jss";
-import I from "jss-preset-default";
-class A extends x {
+var D = Object.defineProperty;
+var I = (c, t, e) => t in c ? D(c, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[t] = e;
+var h = (c, t, e) => (I(c, typeof t != "symbol" ? t + "" : t, e), e);
+import { Container as B } from "@pixi/display";
+import { Application as k } from "@pixi/app";
+import { BlurFilter as g } from "@pixi/filter-blur";
+import { ColorMatrixFilter as P } from "@pixi/filter-color-matrix";
+import { Texture as N } from "@pixi/core";
+import { Sprite as S } from "@pixi/sprite";
+import { create as O } from "jss";
+import $ from "jss-preset-default";
+const q = /^(((?<hour>[0-9]+):)?(?<min>[0-9]+):)?(?<sec>[0-9]+([\.:]([0-9]+))?)/;
+function b(c) {
+  var e, n, s;
+  const t = q.exec(c);
+  if (t) {
+    const a = Number(((e = t.groups) == null ? void 0 : e.hour) || "0"), l = Number(((n = t.groups) == null ? void 0 : n.min) || "0"), i = Number(((s = t.groups) == null ? void 0 : s.sec.replace(/:/, ".")) || "0");
+    return Math.floor((a * 3600 + l * 60 + i) * 1e3);
+  } else
+    throw new TypeError("时间戳字符串解析失败");
+}
+function R(c) {
+  const e = new DOMParser().parseFromString(
+    c,
+    "application/xml"
+  );
+  let n = "v1";
+  for (const a of e.querySelectorAll("ttm\\:agent"))
+    if (a.getAttribute("type") === "person") {
+      const l = a.getAttribute("xml:id");
+      l && (n = l);
+    }
+  const s = [];
+  for (const a of e.querySelectorAll("body p[begin][end]")) {
+    const l = {
+      words: [],
+      startTime: b(a.getAttribute("begin") ?? "0:0"),
+      endTime: b(a.getAttribute("end") ?? "0:0"),
+      translatedLyric: "",
+      romanLyric: "",
+      isBG: !1,
+      isDuet: a.getAttribute("ttm:agent") !== n
+    };
+    let i = null;
+    for (const r of a.childNodes)
+      if (r.nodeType === Node.TEXT_NODE) {
+        const o = r.textContent ?? "";
+        /^(\s+)$/.test(o) ? l.words.push({
+          word: " ",
+          startTime: 0,
+          endTime: 0
+        }) : l.words.push({
+          word: o,
+          startTime: 0,
+          endTime: 0
+        });
+      } else if (r.nodeType === Node.ELEMENT_NODE) {
+        const o = r, d = o.getAttribute("ttm:role");
+        if (o.nodeName === "span" && d)
+          if (d === "x-bg") {
+            const u = {
+              words: [],
+              startTime: l.startTime,
+              endTime: l.endTime,
+              translatedLyric: "",
+              romanLyric: "",
+              isBG: !0,
+              isDuet: l.isDuet
+            };
+            for (const p of o.childNodes)
+              if (p.nodeType === Node.TEXT_NODE) {
+                const y = p.textContent ?? "";
+                /^(\s+)$/.test(y) ? u.words.push({
+                  word: " ",
+                  startTime: 0,
+                  endTime: 0
+                }) : u.words.push({
+                  word: y,
+                  startTime: 0,
+                  endTime: 0
+                });
+              } else if (p.nodeType === Node.ELEMENT_NODE) {
+                const y = p, T = y.getAttribute("ttm:role");
+                if (y.nodeName === "span" && T)
+                  T === "x-translation" ? u.translatedLyric = y.innerHTML.trim() : T === "x-roman" && (u.romanLyric = y.innerHTML.trim());
+                else if (y.hasAttribute("begin") && y.hasAttribute("end")) {
+                  const E = {
+                    word: p.textContent,
+                    startTime: b(y.getAttribute("begin")),
+                    endTime: b(y.getAttribute("end"))
+                  };
+                  u.words.push(E);
+                }
+              }
+            const f = u.words[0];
+            u.startTime = f.startTime, f != null && f.word.startsWith("(") && (f.word = f.word.substring(1));
+            const m = u.words[u.words.length - 1];
+            u.endTime = m.endTime, m != null && m.word.endsWith(")") && (m.word = m.word.substring(
+              0,
+              m.word.length - 1
+            )), i = u;
+          } else
+            d === "x-translation" ? l.translatedLyric = o.innerHTML : d === "x-roman" && (l.romanLyric = o.innerHTML);
+        else if (o.hasAttribute("begin") && o.hasAttribute("end")) {
+          const u = {
+            word: r.textContent ?? "",
+            startTime: b(o.getAttribute("begin")),
+            endTime: b(o.getAttribute("end"))
+          };
+          l.words.push(u);
+        }
+      }
+    s.push(l), i && s.push(i);
+  }
+  return console.log(s), s;
+}
+const ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  parseTTML: R
+}, Symbol.toStringTag, { value: "Module" }));
+class F extends B {
   constructor() {
     super(...arguments);
-    l(this, "time", 0);
+    h(this, "time", 0);
   }
 }
-class B {
+class _ {
   constructor(t) {
-    l(this, "observer");
-    l(this, "app");
-    l(this, "curContainer");
-    l(this, "lastContainer", /* @__PURE__ */ new Set());
-    l(this, "onTick", (t) => {
+    h(this, "observer");
+    h(this, "app");
+    h(this, "curContainer");
+    h(this, "lastContainer", /* @__PURE__ */ new Set());
+    h(this, "onTick", (t) => {
       for (const e of this.lastContainer)
         e.alpha = Math.max(0, e.alpha - t / 60), e.alpha <= 0 && (this.app.stage.removeChild(e), this.lastContainer.delete(e));
       if (this.curContainer) {
@@ -29,15 +138,15 @@ class B {
           1,
           this.curContainer.alpha + t / 60
         );
-        const [e, n, s, a] = this.curContainer.children, h = Math.max(this.app.screen.width, this.app.screen.height);
+        const [e, n, s, a] = this.curContainer.children, l = Math.max(this.app.screen.width, this.app.screen.height);
         e.position.set(this.app.screen.width / 2, this.app.screen.height / 2), n.position.set(
           this.app.screen.width / 2.5,
           this.app.screen.height / 2.5
-        ), s.position.set(this.app.screen.width / 2, this.app.screen.height / 2), a.position.set(this.app.screen.width / 2, this.app.screen.height / 2), e.width = h * Math.sqrt(2), e.height = e.width, n.width = h * 0.8, n.height = n.width, s.width = h * 0.5, s.height = s.width, a.width = h * 0.25, a.height = a.width, this.curContainer.time += t * this.flowSpeed, e.rotation += t / 1e3 * this.flowSpeed, n.rotation -= t / 500 * this.flowSpeed, s.rotation += t / 1e3 * this.flowSpeed, a.rotation -= t / 750 * this.flowSpeed, s.x = this.app.screen.width / 2 + this.app.screen.width / 4 * Math.cos(this.curContainer.time / 1e3 * 0.75), s.y = this.app.screen.height / 2 + this.app.screen.width / 4 * Math.cos(this.curContainer.time / 1e3 * 0.75), a.x = this.app.screen.width / 2 + this.app.screen.width / 4 * 0.1 + Math.cos(this.curContainer.time * 6e-3 * 0.75), a.y = this.app.screen.height / 2 + this.app.screen.width / 4 * 0.1 + Math.cos(this.curContainer.time * 6e-3 * 0.75);
+        ), s.position.set(this.app.screen.width / 2, this.app.screen.height / 2), a.position.set(this.app.screen.width / 2, this.app.screen.height / 2), e.width = l * Math.sqrt(2), e.height = e.width, n.width = l * 0.8, n.height = n.width, s.width = l * 0.5, s.height = s.width, a.width = l * 0.25, a.height = a.width, this.curContainer.time += t * this.flowSpeed, e.rotation += t / 1e3 * this.flowSpeed, n.rotation -= t / 500 * this.flowSpeed, s.rotation += t / 1e3 * this.flowSpeed, a.rotation -= t / 750 * this.flowSpeed, s.x = this.app.screen.width / 2 + this.app.screen.width / 4 * Math.cos(this.curContainer.time / 1e3 * 0.75), s.y = this.app.screen.height / 2 + this.app.screen.width / 4 * Math.cos(this.curContainer.time / 1e3 * 0.75), a.x = this.app.screen.width / 2 + this.app.screen.width / 4 * 0.1 + Math.cos(this.curContainer.time * 6e-3 * 0.75), a.y = this.app.screen.height / 2 + this.app.screen.width / 4 * 0.1 + Math.cos(this.curContainer.time * 6e-3 * 0.75);
       }
     });
-    l(this, "flowSpeed", 2);
-    l(this, "currerntRenderScale", 0.75);
+    h(this, "flowSpeed", 2);
+    h(this, "currerntRenderScale", 0.75);
     this.canvas = t;
     const e = t.getBoundingClientRect();
     this.canvas.width = e.width * this.currerntRenderScale, this.canvas.height = e.height * this.currerntRenderScale, this.observer = new ResizeObserver(() => {
@@ -46,13 +155,26 @@ class B {
         this.canvas.width * this.currerntRenderScale,
         this.canvas.height * this.currerntRenderScale
       ), this.rebuildFilters();
-    }), this.observer.observe(t), this.app = new C({
+    }), this.observer.observe(t), this.app = new k({
       view: t,
       resizeTo: this.canvas,
       powerPreference: "low-power",
       backgroundAlpha: 0
     }), this.rebuildFilters(), this.app.ticker.add(this.onTick), this.app.ticker.start();
   }
+  /**
+   * 修改背景的流动速度，数字越大越快，默认为 2
+   * @param speed 背景的流动速度，默认为 2
+   */
+  setFlowSpeed(t) {
+    this.flowSpeed = t;
+  }
+  /**
+   * 修改背景的渲染比例，默认是 0.5
+   *
+   * 一般情况下这个程度既没有明显瑕疵也不会特别吃性能
+   * @param scale 背景的渲染比例
+   */
   setRenderScale(t) {
     this.currerntRenderScale = t;
     const e = this.canvas.getBoundingClientRect();
@@ -62,35 +184,51 @@ class B {
     ), this.rebuildFilters();
   }
   rebuildFilters() {
-    const t = Math.min(this.canvas.width, this.canvas.height), e = new b();
+    const t = Math.min(this.canvas.width, this.canvas.height), e = new P();
     e.saturate(1.2, !1);
-    const n = new b();
+    const n = new P();
     n.brightness(0.6, !1);
-    const s = new b();
-    s.contrast(0.3, !0), this.app.stage.filters = [], this.app.stage.filters.push(new f(5, 1)), this.app.stage.filters.push(new f(10, 1)), this.app.stage.filters.push(new f(20, 2)), this.app.stage.filters.push(new f(40, 2)), t > 512 && this.app.stage.filters.push(new f(80, 2)), t > 768 && this.app.stage.filters.push(new f(160, 4)), t > 768 * 2 && this.app.stage.filters.push(new f(320, 4)), this.app.stage.filters.push(e, n, s), this.app.stage.filters.push(new f(5, 1));
+    const s = new P();
+    s.contrast(0.3, !0), this.app.stage.filters = [], this.app.stage.filters.push(new g(5, 1)), this.app.stage.filters.push(new g(10, 1)), this.app.stage.filters.push(new g(20, 2)), this.app.stage.filters.push(new g(40, 2)), t > 512 && this.app.stage.filters.push(new g(80, 2)), t > 768 && this.app.stage.filters.push(new g(160, 4)), t > 768 * 2 && this.app.stage.filters.push(new g(320, 4)), this.app.stage.filters.push(e, n, s), this.app.stage.filters.push(new g(5, 1));
   }
+  /**
+   * 修改背景动画帧率，默认是 30 FPS
+   *
+   * 如果设置成 0 则会停止动画
+   * @param fps 目标帧率，默认 30 FPS
+   */
   setFPS(t) {
     this.app.ticker.maxFPS = t;
   }
+  /**
+   * 暂停背景动画，画面即便是更新了图片也不会发生变化
+   */
   pause() {
     this.app.ticker.stop(), this.app.render();
   }
+  /**
+   * 恢复播放背景动画
+   */
   resume() {
     this.app.ticker.start();
   }
+  /**
+   * 设置背景专辑图片，图片材质加载并设置完成后会返回
+   * @param albumUrl 图片的目标链接
+   */
   async setAlbumImage(t) {
-    const e = await M.fromURL(t), n = new A(), s = new L(e), a = new L(e), h = new L(e), i = new L(e);
-    s.anchor.set(0.5, 0.5), a.anchor.set(0.5, 0.5), h.anchor.set(0.5, 0.5), i.anchor.set(0.5, 0.5), s.rotation = Math.random() * Math.PI * 2, a.rotation = Math.random() * Math.PI * 2, h.rotation = Math.random() * Math.PI * 2, i.rotation = Math.random() * Math.PI * 2, n.addChild(s, a, h, i), this.curContainer && this.lastContainer.add(this.curContainer), this.curContainer = n, this.app.stage.addChild(this.curContainer), this.curContainer.alpha = 0;
+    const e = await N.fromURL(t), n = new F(), s = new S(e), a = new S(e), l = new S(e), i = new S(e);
+    s.anchor.set(0.5, 0.5), a.anchor.set(0.5, 0.5), l.anchor.set(0.5, 0.5), i.anchor.set(0.5, 0.5), s.rotation = Math.random() * Math.PI * 2, a.rotation = Math.random() * Math.PI * 2, l.rotation = Math.random() * Math.PI * 2, i.rotation = Math.random() * Math.PI * 2, n.addChild(s, a, l, i), this.curContainer && this.lastContainer.add(this.curContainer), this.curContainer = n, this.app.stage.addChild(this.curContainer), this.curContainer.alpha = 0;
   }
   dispose() {
     this.observer.disconnect(), this.app.ticker.remove(this.onTick);
   }
 }
-class Q extends B {
+class le extends _ {
   constructor() {
     const e = document.createElement("canvas");
     super(e);
-    l(this, "element");
+    h(this, "element");
     this.element = e, e.style.pointerEvents = "none", e.style.zIndex = "-1";
   }
   getElement() {
@@ -100,25 +238,25 @@ class Q extends B {
     super.dispose(), this.element.remove();
   }
 }
-const D = (d, t) => d.size === t.size && [...d].every((e) => t.has(e));
-function k(d) {
+const W = (c, t) => c.size === t.size && [...c].every((e) => t.has(e));
+function G(c) {
   const e = 2.5949095;
-  return d < 0.5 ? Math.pow(2 * d, 2) * ((e + 1) * 2 * d - e) / 2 : (Math.pow(2 * d - 2, 2) * ((e + 1) * (d * 2 - 2) + e) + 2) / 2;
+  return c < 0.5 ? Math.pow(2 * c, 2) * ((e + 1) * 2 * c - e) / 2 : (Math.pow(2 * c - 2, 2) * ((e + 1) * (c * 2 - 2) + e) + 2) / 2;
 }
-const y = (d, t, e) => Math.max(d, Math.min(t, e));
-class $ {
+const L = (c, t, e) => Math.max(c, Math.min(t, e));
+class X {
   constructor(t) {
-    l(this, "element", document.createElement("div"));
-    l(this, "dot0", document.createElement("span"));
-    l(this, "dot1", document.createElement("span"));
-    l(this, "dot2", document.createElement("span"));
-    l(this, "left", 0);
-    l(this, "top", 0);
-    l(this, "scale", 1);
-    l(this, "lastStyle", "");
-    l(this, "currentInterlude");
-    l(this, "currentTime", 0);
-    l(this, "targetBreatheDuration", 1500);
+    h(this, "element", document.createElement("div"));
+    h(this, "dot0", document.createElement("span"));
+    h(this, "dot1", document.createElement("span"));
+    h(this, "dot2", document.createElement("span"));
+    h(this, "left", 0);
+    h(this, "top", 0);
+    h(this, "scale", 1);
+    h(this, "lastStyle", "");
+    h(this, "currentInterlude");
+    h(this, "currentTime", 0);
+    h(this, "targetBreatheDuration", 1500);
     this.lyricPlayer = t, this.element.className = this.lyricPlayer.style.classes.interludeDots, this.element.appendChild(this.dot0), this.element.appendChild(this.dot1), this.element.appendChild(this.dot2);
   }
   getElement() {
@@ -137,38 +275,38 @@ class $ {
       const n = this.currentInterlude[1] - this.currentInterlude[0], s = this.currentTime - this.currentInterlude[0];
       if (s <= n) {
         const a = n / Math.ceil(n / this.targetBreatheDuration);
-        let h = 1, i = 1;
-        h *= Math.sin(1.5 * Math.PI - s / a * 2) / 10 + 1, s < 1e3 && (h *= 1 - Math.pow((1e3 - s) / 1e3, 2)), s < 500 ? i = 0 : s < 1e3 && (i *= (s - 500) / 500), n - s < 750 && (h *= 1 - k(
+        let l = 1, i = 1;
+        l *= Math.sin(1.5 * Math.PI - s / a * 2) / 10 + 1, s < 1e3 && (l *= 1 - Math.pow((1e3 - s) / 1e3, 2)), s < 500 ? i = 0 : s < 1e3 && (i *= (s - 500) / 500), n - s < 750 && (l *= 1 - G(
           (750 - (n - s)) / 750 / 2
-        )), n - s < 375 && (i *= y(
+        )), n - s < 375 && (i *= L(
           0,
           (n - s) / 375,
           1
-        )), h = Math.max(0, h), e += ` scale(${h})`;
-        const r = y(
+        )), l = Math.max(0, l), e += ` scale(${l})`;
+        const r = L(
           0.25,
           s * 3 / n * 0.75,
           1
-        ), c = y(
+        ), o = L(
           0.25,
           (s - n / 3) * 3 / n * 0.75,
           1
-        ), o = y(
+        ), d = L(
           0.25,
           (s - n / 3 * 2) * 3 / n * 0.75,
           1
         );
-        this.dot0.style.opacity = `${y(
+        this.dot0.style.opacity = `${L(
           0,
           Math.max(0, i * r),
           1
-        )}`, this.dot1.style.opacity = `${y(
+        )}`, this.dot1.style.opacity = `${L(
           0,
-          Math.max(0, i * c),
+          Math.max(0, i * o),
           1
-        )}`, this.dot2.style.opacity = `${y(
+        )}`, this.dot2.style.opacity = `${L(
           0,
-          Math.max(0, i * o),
+          Math.max(0, i * d),
           1
         )}`;
       } else
@@ -181,27 +319,27 @@ class $ {
     this.element.remove();
   }
 }
-class S {
+class x {
   constructor(t = 0) {
-    l(this, "currentPosition", 0);
-    l(this, "targetPosition", 0);
-    l(this, "currentTime", 0);
-    l(this, "params", {});
-    l(this, "currentSolver");
-    l(this, "getV");
-    l(this, "queueParams");
-    l(this, "queuePosition");
+    h(this, "currentPosition", 0);
+    h(this, "targetPosition", 0);
+    h(this, "currentTime", 0);
+    h(this, "params", {});
+    h(this, "currentSolver");
+    h(this, "getV");
+    h(this, "queueParams");
+    h(this, "queuePosition");
     this.targetPosition = t, this.currentPosition = this.targetPosition, this.currentSolver = () => this.targetPosition, this.getV = () => 0;
   }
   resetSolver() {
     const t = this.getV(this.currentTime);
-    this.currentTime = 0, this.currentSolver = q(
+    this.currentTime = 0, this.currentSolver = Y(
       this.currentPosition,
       t,
       this.targetPosition,
       0,
       this.params
-    ), this.getV = W(this.currentSolver);
+    ), this.getV = j(this.currentSolver);
   }
   arrived() {
     return Math.abs(this.targetPosition - this.currentPosition) < 0.01 && this.getV(this.currentTime) < 0.01 && this.queueParams === void 0 && this.queuePosition === void 0;
@@ -233,37 +371,37 @@ class S {
     return this.currentPosition;
   }
 }
-function q(d, t, e, n = 0, s) {
-  const a = (s == null ? void 0 : s.soft) ?? !1, h = (s == null ? void 0 : s.stiffness) ?? 100, i = (s == null ? void 0 : s.damping) ?? 10, r = (s == null ? void 0 : s.mass) ?? 1, c = e - d;
-  if (a || 1 <= i / (2 * Math.sqrt(h * r))) {
-    const o = -Math.sqrt(h / r), m = -o * c - t;
-    return (p) => (p -= n, p < 0 ? d : e - (c + p * m) * Math.E ** (p * o));
+function Y(c, t, e, n = 0, s) {
+  const a = (s == null ? void 0 : s.soft) ?? !1, l = (s == null ? void 0 : s.stiffness) ?? 100, i = (s == null ? void 0 : s.damping) ?? 10, r = (s == null ? void 0 : s.mass) ?? 1, o = e - c;
+  if (a || 1 <= i / (2 * Math.sqrt(l * r))) {
+    const d = -Math.sqrt(l / r), u = -d * o - t;
+    return (f) => (f -= n, f < 0 ? c : e - (o + f * u) * Math.E ** (f * d));
   } else {
-    const o = Math.sqrt(
-      4 * r * h - i ** 2
-    ), m = (i * c - 2 * r * t) / o, p = 0.5 * o / r, g = -(0.5 * i) / r;
-    return (u) => (u -= n, u < 0 ? d : e - (Math.cos(u * p) * c + Math.sin(u * p) * m) * Math.E ** (u * g));
+    const d = Math.sqrt(
+      4 * r * l - i ** 2
+    ), u = (i * o - 2 * r * t) / d, f = 0.5 * d / r, m = -(0.5 * i) / r;
+    return (p) => (p -= n, p < 0 ? c : e - (Math.cos(p * f) * o + Math.sin(p * f) * u) * Math.E ** (p * m));
   }
 }
-function R(d) {
-  return (e) => (d(e + 1e-3) - d(e - 1e-3)) / (2 * 1e-3);
+function V(c) {
+  return (e) => (c(e + 1e-3) - c(e - 1e-3)) / (2 * 1e-3);
 }
-function W(d) {
-  return R(d);
+function j(c) {
+  return V(c);
 }
-const T = /^[\p{Unified_Ideograph}\u0800-\u9FFC]+$/u;
-function F(d, t = "rgba(0,0,0,1)", e = "rgba(0,0,0,0.5)") {
-  const n = 2 + d, s = d / n, a = (1 - s) / 2;
+const w = /^[\p{Unified_Ideograph}\u0800-\u9FFC]+$/u;
+function U(c, t = "rgba(0,0,0,1)", e = "rgba(0,0,0,0.5)") {
+  const n = 2 + c, s = c / n, a = (1 - s) / 2;
   return [
     `linear-gradient(to right,${t} ${a * 100}%,${e} ${(a + s) * 100}%)`,
     s,
     n
   ];
 }
-function P(d) {
-  return d.endTime - d.startTime >= 1e3 && d.word.length <= 7;
+function v(c) {
+  return c.endTime - c.startTime >= 1e3 && c.word.length <= 7;
 }
-class O {
+class H {
   constructor(t, e = {
     words: [],
     translatedLyric: "",
@@ -273,22 +411,23 @@ class O {
     isBG: !1,
     isDuet: !1
   }) {
-    l(this, "element", document.createElement("div"));
-    l(this, "left", 0);
-    l(this, "top", 0);
-    l(this, "scale", 1);
-    l(this, "blur", 0);
-    l(this, "delay", 0);
-    l(this, "splittedWords", []);
+    h(this, "element", document.createElement("div"));
+    h(this, "left", 0);
+    h(this, "top", 0);
+    h(this, "scale", 1);
+    h(this, "blur", 0);
+    h(this, "delay", 0);
+    h(this, "splittedWords", []);
     // 由 LyricPlayer 来设置
-    l(this, "lineSize", [0, 0]);
-    l(this, "lineTransforms", {
-      posX: new S(0),
-      posY: new S(0),
-      scale: new S(1)
+    h(this, "lineSize", [0, 0]);
+    h(this, "lineTransforms", {
+      posX: new x(0),
+      posY: new x(0),
+      scale: new x(1)
     });
-    l(this, "_hide", !0);
-    l(this, "lastStyle", "");
+    h(this, "isEnabled", !1);
+    h(this, "_hide", !0);
+    h(this, "lastStyle", "");
     this.lyricPlayer = t, this.lyricLine = e, this.element.setAttribute(
       "class",
       this.lyricPlayer.style.classes.lyricLine
@@ -297,7 +436,7 @@ class O {
     n.setAttribute("class", this.lyricPlayer.style.classes.lyricMainLine), s.setAttribute("class", this.lyricPlayer.style.classes.lyricSubLine), a.setAttribute("class", this.lyricPlayer.style.classes.lyricSubLine), this.rebuildElement(), this.rebuildStyle();
   }
   enable() {
-    this.element.classList.add("active");
+    this.isEnabled = !0, this.element.classList.add("active");
     const t = this.element.children[0];
     this.splittedWords.forEach((e) => {
       e.elementAnimations.forEach((n) => {
@@ -305,8 +444,16 @@ class O {
       });
     }), t.classList.add("active");
   }
+  measureSize() {
+    this._hide && (this.element.style.display = "", this.element.style.visibility = "hidden");
+    const t = [
+      this.element.clientWidth,
+      this.element.clientHeight
+    ];
+    return this._hide && (this.element.style.display = "none", this.element.style.visibility = ""), t;
+  }
   disable() {
-    this.element.classList.remove("active");
+    this.isEnabled = !1, this.element.classList.remove("active");
     const t = this.element.children[0];
     this.splittedWords.forEach((e) => {
       e.elementAnimations.forEach((n) => {
@@ -330,30 +477,30 @@ class O {
   }
   rebuildStyle() {
     if (this._hide) {
-      this.lastStyle !== "visibility:hidden;transform:translate(0,-10000px);" && (this.lastStyle = "visibility:hidden;transform:translate(0,-10000px);", this.element.setAttribute(
+      this.lastStyle !== "display:none;transform:translate(0,-10000px);" && (this.lastStyle = "display:none;transform:translate(0,-10000px);", this.element.setAttribute(
         "style",
-        "visibility:hidden;transform:translate(0,-10000px);"
+        "display:none;transform:translate(0,-10000px);"
       ));
       return;
     }
     let t = `transform:translate(${this.lineTransforms.posX.getCurrentPosition()}px,${this.lineTransforms.posY.getCurrentPosition()}px) scale(${this.lineTransforms.scale.getCurrentPosition()});`;
-    this.lyricPlayer.disableSpring && this.isInSight && (t += `transition-delay:${this.delay}ms;`), t += `filter:blur(${Math.min(32, this.blur)}px);`, t !== this.lastStyle && (this.lastStyle = t, this.element.setAttribute("style", t));
+    !this.lyricPlayer.getEnableSpring() && this.isInSight && (t += `transition-delay:${this.delay}ms;`), t += `filter:blur(${Math.min(32, this.blur)}px);`, t !== this.lastStyle && (this.lastStyle = t, this.element.setAttribute("style", t));
   }
   rebuildElement() {
     const t = this.element.children[0], e = this.element.children[1], n = this.element.children[2];
     this.splittedWords = [], this.lyricLine.words.forEach((r) => {
-      if (T.test(r.word))
+      if (w.test(r.word))
         this.splittedWords.push({
           ...r,
           width: 0,
           height: 0,
           elements: [],
           elementAnimations: [],
-          shouldEmphasize: P(r)
+          shouldEmphasize: v(r)
         });
       else {
-        const c = /(\s*)(\S*)(\s*)/.exec(r.word);
-        c && (c[1].length > 0 && this.splittedWords.push({
+        const o = /(\s*)(\S*)(\s*)/.exec(r.word);
+        o && (o[1].length > 0 && this.splittedWords.push({
           word: " ",
           startTime: 0,
           endTime: 0,
@@ -363,15 +510,15 @@ class O {
           elementAnimations: [],
           shouldEmphasize: !1
         }), this.splittedWords.push({
-          word: c[2],
+          word: o[2],
           startTime: r.startTime,
           endTime: r.endTime,
           width: 0,
           height: 0,
           elements: [],
           elementAnimations: [],
-          shouldEmphasize: P(r)
-        }), c[3].length > 0 && this.splittedWords.push({
+          shouldEmphasize: v(r)
+        }), o[3].length > 0 && this.splittedWords.push({
           word: " ",
           startTime: 0,
           endTime: 0,
@@ -384,45 +531,45 @@ class O {
       }
     });
     const s = [], a = [];
-    function h(r) {
+    function l(r) {
       for (; r.firstChild; )
-        r.firstChild.nodeType === Node.ELEMENT_NODE ? s.push(t.firstChild) : r.firstChild.nodeType === Node.TEXT_NODE && a.push(t.firstChild), r.removeChild(r.firstChild), h(r.firstChild);
+        r.firstChild.nodeType === Node.ELEMENT_NODE ? s.push(t.firstChild) : r.firstChild.nodeType === Node.TEXT_NODE && a.push(t.firstChild), r.removeChild(r.firstChild), l(r.firstChild);
     }
-    h(t);
+    l(t);
     let i = null;
     this.splittedWords.forEach((r) => {
       if (r.word.trim().length > 0)
         if (r.shouldEmphasize) {
-          const c = s.pop() ?? document.createElement("span");
-          c.className = "emphasize", r.elements = [c];
-          for (const o of r.word) {
-            const m = s.pop() ?? document.createElement("span");
-            m.className = "", m.innerText = o, c.appendChild(m), r.elements.push(m);
+          const o = s.pop() ?? document.createElement("span");
+          o.className = "emphasize", r.elements = [o];
+          for (const d of r.word) {
+            const u = s.pop() ?? document.createElement("span");
+            u.className = "", u.innerText = d, o.appendChild(u), r.elements.push(u);
           }
-          if (r.elementAnimations = this.initEmphasizeAnimation(r), console.log(r.word, T.test(r.word)), i && !T.test(r.word))
+          if (r.elementAnimations = this.initEmphasizeAnimation(r), console.log(r.word, w.test(r.word)), i && !w.test(r.word))
             if (i.childElementCount > 0)
-              i.appendChild(c);
+              i.appendChild(o);
             else {
-              const o = s.pop() ?? document.createElement("span");
-              o.className = "", i.remove(), o.appendChild(i), o.appendChild(c), t.appendChild(o), i = o;
+              const d = s.pop() ?? document.createElement("span");
+              d.className = "", i.remove(), d.appendChild(i), d.appendChild(o), t.appendChild(d), i = d;
             }
           else
-            i = T.test(r.word) ? null : c, t.appendChild(c);
+            i = w.test(r.word) ? null : o, t.appendChild(o);
         } else {
-          const c = s.pop() ?? document.createElement("span");
-          if (c.className = "", c.innerText = r.word, r.elements = [c], r.elementAnimations.push(this.initFloatAnimation(r, c)), i)
+          const o = s.pop() ?? document.createElement("span");
+          if (o.className = "", o.innerText = r.word, r.elements = [o], r.elementAnimations.push(this.initFloatAnimation(r, o)), i)
             if (i.childElementCount > 0)
-              i.appendChild(c);
+              i.appendChild(o);
             else {
-              const o = s.pop() ?? document.createElement("span");
-              o.className = "", i.remove(), o.appendChild(i), o.appendChild(c), t.appendChild(o), i = o;
+              const d = s.pop() ?? document.createElement("span");
+              d.className = "", i.remove(), d.appendChild(i), d.appendChild(o), t.appendChild(d), i = d;
             }
           else
-            i = c, t.appendChild(c);
+            i = o, t.appendChild(o);
         }
       else if (r.word.length > 0) {
-        const c = a.pop() ?? document.createTextNode(" ");
-        t.appendChild(c), i = null;
+        const o = a.pop() ?? document.createTextNode(" ");
+        t.appendChild(o), i = null;
       } else
         i = null;
     }), e.innerText = this.lyricLine.translatedLyric, n.innerText = this.lyricLine.romanLyric;
@@ -449,7 +596,7 @@ class O {
   }
   initEmphasizeAnimation(t) {
     const e = t.startTime - this.lyricLine.startTime, n = t.endTime - t.startTime;
-    return t.elements.map((s, a, h) => {
+    return t.elements.map((s, a, l) => {
       if (a === 0)
         return this.initFloatAnimation(t, s);
       {
@@ -473,7 +620,7 @@ class O {
           ],
           {
             duration: Math.max(1e3, t.endTime - t.startTime),
-            delay: e + n / (h.length - 1) * (a - 1),
+            delay: e + n / (l.length - 1) * (a - 1),
             id: "glow-word",
             iterations: 1,
             composite: "replace",
@@ -485,88 +632,88 @@ class O {
     });
   }
   updateMaskImage() {
-    this.splittedWords.forEach((t) => {
+    this._hide && (this.element.style.display = "", this.element.style.visibility = "hidden"), this.splittedWords.forEach((t) => {
       const e = t.elements[0];
       if (e) {
         t.width = e.clientWidth, t.height = e.clientHeight;
-        const [n, s, a] = F(
+        const [n, s, a] = U(
           16 / t.width,
           "rgba(0,0,0,0.75)",
           "rgba(0,0,0,0.25)"
-        ), h = `${a * 100}% 100%`;
-        this.lyricPlayer.supportMaskImage ? (e.style.maskImage = n, e.style.maskOrigin = "left", e.style.maskSize = h) : (e.style.webkitMaskImage = n, e.style.webkitMaskOrigin = "left", e.style.webkitMaskSize = h);
+        ), l = `${a * 100}% 100%`;
+        this.lyricPlayer.supportMaskImage ? (e.style.maskImage = n, e.style.maskOrigin = "left", e.style.maskSize = l) : (e.style.webkitMaskImage = n, e.style.webkitMaskOrigin = "left", e.style.webkitMaskSize = l);
         const i = t.width + 16, r = `clamp(${-i}px,calc(${-i}px + (var(--amll-player-time) - ${t.startTime})*${i / Math.abs(t.endTime - t.startTime)}px),0px) 0px, left top`;
         e.style.maskPosition = r, e.style.webkitMaskPosition = r;
       }
-    });
+    }), this._hide && (this.element.style.display = "none", this.element.style.visibility = "");
   }
   getElement() {
     return this.element;
   }
-  setTransform(t = this.left, e = this.top, n = this.scale, s = 1, a = 0, h = !1, i = 0) {
+  setTransform(t = this.left, e = this.top, n = this.scale, s = 1, a = 0, l = !1, i = 0) {
     this.left = t, this.top = e, this.scale = n, this.delay = i * 1e3 | 0;
     const r = this.element.children[0];
-    r.style.opacity = `${s}`, h || this.lyricPlayer.disableSpring ? (this.blur = Math.min(32, a), h && this.element.classList.add(
+    r.style.opacity = `${s}`, l || !this.lyricPlayer.getEnableSpring() ? (this.blur = Math.min(32, a), l && this.element.classList.add(
       this.lyricPlayer.style.classes.tmpDisableTransition
-    ), this.lineTransforms.posX.setPosition(t), this.lineTransforms.posY.setPosition(e), this.lineTransforms.scale.setPosition(n), this.lyricPlayer.disableSpring ? this.show() : this.rebuildStyle(), h && requestAnimationFrame(() => {
+    ), this.lineTransforms.posX.setPosition(t), this.lineTransforms.posY.setPosition(e), this.lineTransforms.scale.setPosition(n), this.lyricPlayer.getEnableSpring() ? this.rebuildStyle() : this.show(), l && requestAnimationFrame(() => {
       this.element.classList.remove(
         this.lyricPlayer.style.classes.tmpDisableTransition
       );
     })) : (this.lineTransforms.posX.setTargetPosition(t, i), this.lineTransforms.posY.setTargetPosition(e, i), this.lineTransforms.scale.setTargetPosition(n), this.blur !== Math.min(32, a) && (this.blur = Math.min(32, a), this.element.style.filter = `blur(${Math.min(32, a)}px)`));
   }
   update(t = 0) {
-    this.lyricPlayer.disableSpring || (this.lineTransforms.posX.update(t), this.lineTransforms.posY.update(t), this.lineTransforms.scale.update(t), this.isInSight ? this.show() : this.hide());
+    this.lyricPlayer.getEnableSpring() && (this.lineTransforms.posX.update(t), this.lineTransforms.posY.update(t), this.lineTransforms.scale.update(t), this.isInSight ? this.show() : this.hide());
   }
   get isInSight() {
-    const t = this.lineTransforms.posX.getCurrentPosition(), e = this.lineTransforms.posY.getCurrentPosition(), n = t + this.lineSize[0], s = e + this.lineSize[1], a = this.lyricPlayer.pos[0], h = this.lyricPlayer.pos[1], i = this.lyricPlayer.pos[0] + this.lyricPlayer.size[0], r = this.lyricPlayer.pos[1] + this.lyricPlayer.size[1];
-    return !(t > i || e > r || n < a || s < h);
+    const t = this.lineTransforms.posX.getCurrentPosition(), e = this.lineTransforms.posY.getCurrentPosition(), n = t + this.lineSize[0], s = e + this.lineSize[1], a = this.lyricPlayer.pos[0], l = this.lyricPlayer.pos[1], i = this.lyricPlayer.pos[0] + this.lyricPlayer.size[0], r = this.lyricPlayer.pos[1] + this.lyricPlayer.size[1];
+    return !(t > i || e > r || n < a || s < l);
   }
   dispose() {
     this.element.remove();
   }
 }
-const G = z(I());
-class Z extends EventTarget {
+const J = O($());
+class he extends EventTarget {
   constructor() {
     super();
-    l(this, "element", document.createElement("div"));
-    l(this, "currentTime", 0);
-    l(this, "lyricLines", []);
-    l(this, "processedLines", []);
-    l(this, "lyricLinesEl", []);
-    l(this, "lyricLinesSize", /* @__PURE__ */ new Map());
-    l(this, "hotLines", /* @__PURE__ */ new Set());
-    l(this, "bufferedLines", /* @__PURE__ */ new Set());
-    l(this, "scrollToIndex", 0);
-    l(this, "resizeObserver", new ResizeObserver((e) => {
+    h(this, "element", document.createElement("div"));
+    h(this, "currentTime", 0);
+    h(this, "lyricLines", []);
+    h(this, "processedLines", []);
+    h(this, "lyricLinesEl", []);
+    h(this, "lyricLinesSize", /* @__PURE__ */ new Map());
+    h(this, "hotLines", /* @__PURE__ */ new Set());
+    h(this, "bufferedLines", /* @__PURE__ */ new Set());
+    h(this, "scrollToIndex", 0);
+    h(this, "resizeObserver", new ResizeObserver((e) => {
       const n = e[0].contentRect;
       this.size[0] = n.width, this.size[1] = n.height, this.pos[0] = n.left, this.pos[1] = n.top, this.rebuildStyle(), this.calcLayout(!0), this.lyricLinesEl.forEach((s) => s.updateMaskImage());
     }));
-    l(this, "posXSpringParams", {
+    h(this, "posXSpringParams", {
       mass: 1,
       damping: 10,
       stiffness: 100
     });
-    l(this, "posYSpringParams", {
+    h(this, "posYSpringParams", {
       mass: 1,
       damping: 15,
       stiffness: 100
     });
-    l(this, "scaleSpringParams", {
+    h(this, "scaleSpringParams", {
       mass: 1,
       damping: 20,
       stiffness: 100
     });
-    l(this, "enableBlur", !0);
-    l(this, "interludeDots");
-    l(this, "interludeDotsSize", [0, 0]);
-    l(this, "supportPlusLighter", CSS.supports("mix-blend-mode", "plus-lighter"));
-    l(this, "supportMaskImage", CSS.supports("mask-image", "none"));
-    l(this, "disableSpring", !1);
-    l(this, "alignAnchor", 0.5);
-    l(this, "size", [0, 0]);
-    l(this, "pos", [0, 0]);
-    l(this, "style", G.createStyleSheet({
+    h(this, "enableBlur", !0);
+    h(this, "interludeDots");
+    h(this, "interludeDotsSize", [0, 0]);
+    h(this, "supportPlusLighter", CSS.supports("mix-blend-mode", "plus-lighter"));
+    h(this, "supportMaskImage", CSS.supports("mask-image", "none"));
+    h(this, "disableSpring", !1);
+    h(this, "alignAnchor", 0.5);
+    h(this, "size", [0, 0]);
+    h(this, "pos", [0, 0]);
+    h(this, "style", J.createStyleSheet({
       lyricPlayer: {
         userSelect: "none",
         padding: "1rem",
@@ -672,10 +819,10 @@ class Z extends EventTarget {
         transition: "none !important"
       }
     }));
-    l(this, "onPageShow", () => {
+    h(this, "onPageShow", () => {
       this.calcLayout(!0);
     });
-    this.interludeDots = new $(this), this.element.setAttribute("class", this.style.classes.lyricPlayer), this.disableSpring && this.element.classList.add(this.style.classes.disableSpring), this.rebuildStyle(), this.resizeObserver.observe(this.element), this.element.appendChild(this.interludeDots.getElement()), this.style.attach(), this.interludeDots.setTransform(0, 200), window.addEventListener("pageshow", this.onPageShow);
+    this.interludeDots = new X(this), this.element.setAttribute("class", this.style.classes.lyricPlayer), this.disableSpring && this.element.classList.add(this.style.classes.disableSpring), this.rebuildStyle(), this.resizeObserver.observe(this.element), this.element.appendChild(this.interludeDots.getElement()), this.style.attach(), this.interludeDots.setTransform(0, 200), window.addEventListener("pageshow", this.onPageShow);
   }
   /**
    * 设置是否使用物理弹簧算法实现歌词动画效果，默认启用
@@ -687,28 +834,39 @@ class Z extends EventTarget {
   setEnableSpring(e = !0) {
     this.disableSpring = !e, e ? this.element.classList.remove(this.style.classes.disableSpring) : this.element.classList.add(this.style.classes.disableSpring), this.calcLayout(!0);
   }
+  /**
+   * 获取当前是否启用了物理弹簧
+   * @returns 是否启用物理弹簧
+   */
+  getEnableSpring() {
+    return !this.disableSpring;
+  }
   /**
    * 获取当前播放时间里是否处于间奏区间
    * 如果是则会返回单位为毫秒的始末时间
    * 否则返回 undefined
+   *
+   * 这个只允许内部调用
    * @returns [开始时间,结束时间] 或 undefined 如果不处于间奏区间
    */
   getCurrentInterlude() {
-    var s, a, h;
+    var s, a, l;
     if (this.bufferedLines.size > 0)
       return;
     const e = this.currentTime + 20, n = this.scrollToIndex;
     if (n === 0) {
       if ((s = this.processedLines[0]) != null && s.startTime && this.processedLines[0].startTime > e)
         return [0, this.processedLines[0].startTime];
-    } else if ((a = this.processedLines[n]) != null && a.endTime && ((h = this.processedLines[n + 1]) != null && h.startTime) && this.processedLines[n + 1].startTime > e && this.processedLines[n].endTime < e)
+    } else if ((a = this.processedLines[n]) != null && a.endTime && ((l = this.processedLines[n + 1]) != null && l.startTime) && this.processedLines[n + 1].startTime > e && this.processedLines[n].endTime < e)
       return [
         this.processedLines[n].endTime,
         this.processedLines[n + 1].startTime
       ];
   }
   /**
-   * 重建样式，这个只允许内部调用
+   * 重建样式
+   *
+   * 这个只允许内部调用
    */
   rebuildStyle() {
     let e = "";
@@ -728,13 +886,13 @@ class Z extends EventTarget {
   setLyricLines(e) {
     this.lyricLines = e;
     const n = 750;
-    this.processedLines = e.map((s, a, h) => {
+    this.processedLines = e.map((s, a, l) => {
       if (s.isBG)
         return {
           ...s
         };
       {
-        const i = h[a - 1], r = h[a - 2];
+        const i = l[a - 1], r = l[a - 2];
         if (i != null && i.isBG && r) {
           if (r.endTime < s.startTime)
             return {
@@ -750,79 +908,118 @@ class Z extends EventTarget {
           ...s
         };
       }
-    }), this.processedLines.forEach((s, a, h) => {
-      const i = h[a + 1], r = s.words[s.words.length - 1];
-      r && P(r) && (i ? i.startTime > s.endTime && (s.endTime = Math.min(s.endTime + 1500, i.startTime)) : s.endTime = s.endTime + 1500);
-    }), this.processedLines.forEach((s, a, h) => {
+    }), this.processedLines.forEach((s, a, l) => {
+      const i = l[a + 1], r = s.words[s.words.length - 1];
+      r && v(r) && (i ? i.startTime > s.endTime && (s.endTime = Math.min(s.endTime + 1500, i.startTime)) : s.endTime = s.endTime + 1500);
+    }), this.processedLines.forEach((s, a, l) => {
       if (s.isBG)
         return;
-      const i = h[a + 1];
+      const i = l[a + 1];
       i != null && i.isBG && (i.startTime = Math.min(i.startTime, s.startTime));
     }), this.lyricLinesEl.forEach((s) => s.dispose()), this.lyricLinesEl = this.processedLines.map(
-      (s) => new O(this, s)
-    ), this.lyricLinesEl.forEach(
-      (s) => (this.element.appendChild(s.getElement()), s.updateMaskImage())
-    ), this.setLinePosXSpringParams({}), this.setLinePosYSpringParams({}), this.setLineScaleSpringParams({}), this.setCurrentTime(0, !0), this.calcLayout(!0);
+      (s) => new H(this, s)
+    ), this.lyricLinesEl.forEach((s) => {
+      this.element.appendChild(s.getElement()), s.updateMaskImage();
+    }), this.setLinePosXSpringParams({}), this.setLinePosYSpringParams({}), this.setLineScaleSpringParams({}), this.setCurrentTime(0, !0), this.calcLayout(!0);
   }
+  /**
+   * 重新布局定位歌词行的位置，调用完成后再逐帧调用 `update`
+   * 函数即可让歌词通过动画移动到目标位置。
+   *
+   * 此函数还有一个 `reflow` 参数，用于指定是否需要重新计算布局
+   *
+   * 因为计算布局必定会导致浏览器重排布局，所以会大幅度影响流畅度和性能，故请只在以下情况下将其​设置为 true：
+   *
+   * 1. 歌词页面大小发生改变时（这个组件会自行处理）
+   * 2. 加载了新的歌词时（不论前后歌词是否完全一样）
+   * 3. 用户自行跳转了歌曲播放位置（不论距离远近）
+   *
+   * @param reflow 是否进行重新布局（重新计算每行歌词大小）
+   */
   calcLayout(e = !1) {
-    e && (this.lyricLinesEl.forEach((o) => {
-      const m = [
-        o.getElement().clientWidth,
-        o.getElement().clientHeight
-      ];
-      this.lyricLinesSize.set(o, m), o.lineSize = m;
+    var d, u, f;
+    e && (this.lyricLinesEl.forEach((m) => {
+      const p = m.measureSize();
+      this.lyricLinesSize.set(m, p), m.lineSize = p;
     }), this.interludeDotsSize[0] = this.interludeDots.getElement().clientWidth, this.interludeDotsSize[1] = this.interludeDots.getElement().clientHeight);
     const n = 0.95;
     let a = -this.lyricLinesEl.slice(0, this.scrollToIndex).reduce(
-      (o, m) => o + (m.getLine().isBG ? 0 : this.lyricLinesSize.get(m)[1]),
+      (m, p) => {
+        var y;
+        return m + (p.getLine().isBG ? 0 : ((y = this.lyricLinesSize.get(p)) == null ? void 0 : y[1]) ?? 0);
+      },
       0
     );
     if (this.alignAnchor === "bottom") {
       a += this.element.clientHeight / 2;
-      const o = this.lyricLinesEl[this.scrollToIndex];
-      if (o) {
-        const m = this.lyricLinesSize.get(o)[1];
-        a -= m / 2;
+      const m = this.lyricLinesEl[this.scrollToIndex];
+      if (m) {
+        const p = ((d = this.lyricLinesSize.get(m)) == null ? void 0 : d[1]) ?? 0;
+        a -= p / 2;
       }
     } else if (typeof this.alignAnchor == "number") {
       a += this.element.clientHeight * this.alignAnchor;
-      const o = this.lyricLinesEl[this.scrollToIndex];
-      if (o) {
-        const m = this.lyricLinesSize.get(o)[1];
-        a -= m / 2;
+      const m = this.lyricLinesEl[this.scrollToIndex];
+      if (m) {
+        const p = ((u = this.lyricLinesSize.get(m)) == null ? void 0 : u[1]) ?? 0;
+        a -= p / 2;
       }
     }
-    const h = this.currentTime === 0 ? void 0 : this.getCurrentInterlude();
+    const l = this.currentTime === 0 ? void 0 : this.getCurrentInterlude();
     let i = 0;
-    if (h && (i = h[1] - h[0], i >= 5e3)) {
-      const o = this.currentTime === 0 ? this.lyricLinesEl[0] : this.lyricLinesEl[this.scrollToIndex + 1];
-      o && (a -= this.lyricLinesSize.get(o)[1]);
+    if (l && (i = l[1] - l[0], i >= 5e3)) {
+      const m = this.currentTime === 0 ? this.lyricLinesEl[0] : this.lyricLinesEl[this.scrollToIndex + 1];
+      m && (a -= ((f = this.lyricLinesSize.get(m)) == null ? void 0 : f[1]) ?? 0);
     }
     const r = Math.max(...this.bufferedLines);
-    let c = 0;
-    this.lyricLinesEl.forEach((o, m) => {
-      const p = this.bufferedLines.has(m), g = p || m >= this.scrollToIndex && m < r, u = o.getLine();
-      let E = 0;
-      u.isDuet && (E = this.size[0] - this.lyricLinesSize.get(o)[0]), m === this.scrollToIndex + 1 && i >= 5e3 && (this.interludeDots.setTransform(0, a), this.interludeDots.setInterlude(this.getCurrentInterlude()), a += this.interludeDotsSize[1]), o.setTransform(
-        E,
+    let o = 0;
+    this.lyricLinesEl.forEach((m, p) => {
+      var C, z, A;
+      const y = this.bufferedLines.has(p), T = y || p >= this.scrollToIndex && p < r, E = m.getLine();
+      let M = 0;
+      E.isDuet && (M = this.size[0] - (((C = this.lyricLinesSize.get(m)) == null ? void 0 : C[0]) ?? 0)), p === this.scrollToIndex + 1 && i >= 5e3 && (this.interludeDots.setTransform(0, a), this.interludeDots.setInterlude(this.getCurrentInterlude()), a += this.interludeDotsSize[1]), m.setTransform(
+        M,
         a,
-        g ? 1 : n,
-        p ? 1 : 1 / 3,
-        this.enableBlur ? 3 * (g ? 0 : 1 + (m < this.scrollToIndex ? Math.abs(this.scrollToIndex - m) : Math.abs(m - Math.max(this.scrollToIndex, r)))) : 0,
+        T ? 1 : n,
+        y ? 1 : 1 / 3,
+        this.enableBlur ? 3 * (T ? 0 : 1 + (p < this.scrollToIndex ? Math.abs(this.scrollToIndex - p) : Math.abs(p - Math.max(this.scrollToIndex, r)))) : 0,
         e,
-        c
-      ), u.isBG && g ? a += this.lyricLinesSize.get(o)[1] : u.isBG || (a += this.lyricLinesSize.get(o)[1]), a >= 0 && (c += 0.05);
+        o
+      ), E.isBG && T ? a += ((z = this.lyricLinesSize.get(m)) == null ? void 0 : z[1]) ?? 0 : E.isBG || (a += ((A = this.lyricLinesSize.get(m)) == null ? void 0 : A[1]) ?? 0), a >= 0 && (o += 0.05);
     });
   }
+  /**
+   * 获取当前歌词的播放位置
+   *
+   * 一般和最后调用 `setCurrentTime` 给予的参数一样
+   * @returns 当前播放位置
+   */
   getCurrentTime() {
     return this.currentTime;
   }
-  getLyrics() {
+  /**
+   * 获取当前歌词数组
+   *
+   * 一般和最后调用 `setLyricLines` 给予的参数一样
+   * @returns 当前歌词数组
+   */
+  getLyricLines() {
     return this.lyricLines;
   }
   getElement() {
     return this.element;
   }
+  /**
+   * 设置歌词行的对齐方式，默认为 `top`
+   *
+   * - 设置成 `top` 的话歌词将会向组件顶部对齐
+   * - 设置成 `bottom` 的话歌词将会向组件底部对齐
+   * - 设置成 [0.0-1.0] 之间任意数字的话则会根据当前组件高度从顶部向下位移为对齐位置垂直居中对齐
+   * @param alignAnchor 歌词行对齐方式，详情见函数说明
+   */
+  setAlignAnchor(e) {
+    this.alignAnchor = e;
+  }
   /**
    * 设置当前播放进度，单位为毫秒且**必须是整数**，此时将会更新内部的歌词进度信息
    * 内部会根据调用间隔和播放进度自动决定如何滚动和显示歌词，所以这个的调用频率越快越准确越好
@@ -832,44 +1029,51 @@ class Z extends EventTarget {
    */
   setCurrentTime(e, n = !1) {
     this.currentTime = e, this.element.style.setProperty("--amll-player-time", `${e}`);
-    const s = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set(), h = /* @__PURE__ */ new Set();
+    const s = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Set();
     this.hotLines.forEach((i) => {
       const r = this.processedLines[i];
       if (!r.isBG)
         if (r) {
-          const c = this.processedLines[i + 1];
-          if (c != null && c.isBG) {
-            const o = Math.min(r.startTime, c == null ? void 0 : c.startTime), m = Math.max(r.endTime, c == null ? void 0 : c.endTime);
-            (o > e || m <= e) && (this.hotLines.delete(i), s.add(i), this.hotLines.delete(i + 1), s.add(i + 1), n && (this.lyricLinesEl[i].disable(), this.lyricLinesEl[i + 1].disable()));
+          const o = this.processedLines[i + 1];
+          if (o != null && o.isBG) {
+            const d = Math.min(r.startTime, o == null ? void 0 : o.startTime), u = Math.max(r.endTime, o == null ? void 0 : o.endTime);
+            (d > e || u <= e) && (this.hotLines.delete(i), s.add(i), this.hotLines.delete(i + 1), s.add(i + 1), n && (this.lyricLinesEl[i].disable(), this.lyricLinesEl[i + 1].disable()));
           } else
             (r.startTime > e || r.endTime <= e) && (this.hotLines.delete(i), s.add(i), n && this.lyricLinesEl[i].disable());
         } else
           this.hotLines.delete(i), s.add(i), n && this.lyricLinesEl[i].disable();
-    }), this.processedLines.forEach((i, r, c) => {
-      var o;
-      !i.isBG && i.startTime <= e && i.endTime > e && (this.hotLines.has(r) || (this.hotLines.add(r), h.add(r), n && this.lyricLinesEl[r].enable(), (o = c[r + 1]) != null && o.isBG && (this.hotLines.add(r + 1), h.add(r + 1), n && this.lyricLinesEl[r + 1].enable())));
+    }), this.processedLines.forEach((i, r, o) => {
+      var d;
+      !i.isBG && i.startTime <= e && i.endTime > e && (this.hotLines.has(r) || (this.hotLines.add(r), l.add(r), n && this.lyricLinesEl[r].enable(), (d = o[r + 1]) != null && d.isBG && (this.hotLines.add(r + 1), l.add(r + 1), n && this.lyricLinesEl[r + 1].enable())));
     }), this.bufferedLines.forEach((i) => {
       this.hotLines.has(i) || (a.add(i), n && this.lyricLinesEl[i].disable());
     }), n ? (this.bufferedLines.size > 0 ? this.scrollToIndex = Math.min(...this.bufferedLines) : this.scrollToIndex = this.processedLines.findIndex(
       (i) => i.startTime >= e
-    ), this.bufferedLines.clear(), this.hotLines.forEach((i) => this.bufferedLines.add(i)), this.calcLayout(!0)) : (a.size > 0 || h.size > 0) && (a.size === 0 && h.size > 0 ? (h.forEach((i) => {
+    ), this.bufferedLines.clear(), this.hotLines.forEach((i) => this.bufferedLines.add(i)), this.calcLayout(!0)) : (a.size > 0 || l.size > 0) && (a.size === 0 && l.size > 0 ? (l.forEach((i) => {
       this.bufferedLines.add(i), this.lyricLinesEl[i].enable();
-    }), this.scrollToIndex = Math.min(...this.bufferedLines)) : h.size === 0 && a.size > 0 ? D(a, this.bufferedLines) && this.bufferedLines.forEach((i) => {
+    }), this.scrollToIndex = Math.min(...this.bufferedLines)) : l.size === 0 && a.size > 0 ? W(a, this.bufferedLines) && this.bufferedLines.forEach((i) => {
       this.hotLines.has(i) || (this.bufferedLines.delete(i), this.lyricLinesEl[i].disable());
-    }) : (h.forEach((i) => {
+    }) : (l.forEach((i) => {
       this.bufferedLines.add(i), this.lyricLinesEl[i].enable();
     }), a.forEach((i) => {
       this.bufferedLines.delete(i), this.lyricLinesEl[i].disable();
     }), this.bufferedLines.size > 0 && (this.scrollToIndex = Math.min(...this.bufferedLines))), this.calcLayout());
   }
   /**
-   * 更新动画，这个函数应该被逐帧调用
+   * 更新动画，这个函数应该被逐帧调用或者在以下情况下调用一次：
+   *
+   * 1. 刚刚调用完设置歌词函数的时候
    * @param delta 距离上一次被调用到现在的时长，单位为毫秒（可为浮点数）
    */
   update(e = 0) {
     const n = e / 1e3;
     this.interludeDots.update(e), this.lyricLinesEl.forEach((s) => s.update(n));
   }
+  /**
+   * 设置所有歌词行在横坐标上的弹簧属性，包括重量、弹力和阻力。
+   *
+   * @param params 需要设置的弹簧属性，提供的属性将会覆盖原来的属性，未提供的属性将会保持原样
+   */
   setLinePosXSpringParams(e) {
     this.posXSpringParams = {
       ...this.posXSpringParams,
@@ -878,6 +1082,11 @@ class Z extends EventTarget {
       (n) => n.lineTransforms.posX.updateParams(this.posXSpringParams)
     );
   }
+  /**
+   * 设置所有歌词行在​纵坐标上的弹簧属性，包括重量、弹力和阻力。
+   *
+   * @param params 需要设置的弹簧属性，提供的属性将会覆盖原来的属性，未提供的属性将会保持原样
+   */
   setLinePosYSpringParams(e) {
     this.posYSpringParams = {
       ...this.posYSpringParams,
@@ -886,6 +1095,11 @@ class Z extends EventTarget {
       (n) => n.lineTransforms.posY.updateParams(this.posYSpringParams)
     );
   }
+  /**
+   * 设置所有歌词行在​缩放大小上的弹簧属性，包括重量、弹力和阻力。
+   *
+   * @param params 需要设置的弹簧属性，提供的属性将会覆盖原来的属性，未提供的属性将会保持原样
+   */
   setLineScaleSpringParams(e) {
     this.scaleSpringParams = {
       ...this.scaleSpringParams,
@@ -899,6 +1113,8 @@ class Z extends EventTarget {
   }
 }
 export {
-  Q as BackgroundRender,
-  Z as LyricPlayer
+  le as BackgroundRender,
+  he as LyricPlayer,
+  ae as ttml
 };
+//# sourceMappingURL=amll-core.mjs.map