@web-ppt/viewer-core 0.5.0-beta.1 → 0.5.0-beta.7

package/dist/video.js

@@ -0,0 +1,1248 @@
+import { transitionPreferredDirection as bt, slideToSvgFile as vt, groupSteps as Mt, hiddenBefore as kt, staticHidden as xt } from "@web-ppt/core";
+const H = 6;
+function M(r) {
+  return `${Math.round(r * 1e3) / 1e3}%`;
+}
+function ct(r, t) {
+  const e = r === "vert", a = [];
+  for (let n = 0; n < H; n++) {
+    const o = n / H * 100, s = (n + 1) / H * 100, c = t ? s : o;
+    a.push(e ? x(o, 0, c, 100) : x(0, o, 100, c));
+  }
+  return z(a);
+}
+const lt = [
+  "linear-gradient(#000,#000)",
+  "linear-gradient(#000,#000)",
+  "linear-gradient(#000,#000)",
+  "linear-gradient(#000,#000)"
+].join(", "), yt = { l: 0, t: 0, w: 100, h: 100 };
+function wt(r) {
+  return r.l === 0 && r.t === 0 && r.w === 100 && r.h === 100;
+}
+function q(r, t = yt) {
+  if (wt(t)) {
+    const c = r ? 50 : 0, l = `100% ${c}%, 100% ${c}%, ${c}% 100%, ${c}% 100%`;
+    return {
+      opacity: 1,
+      maskImage: lt,
+      maskRepeat: "no-repeat",
+      maskPosition: "center top, center bottom, left center, right center",
+      maskSize: l,
+      maskOrigin: "fill-box",
+      maskClip: "fill-box"
+    };
+  }
+  const e = r ? 0.501 : 0, a = t.h * e, n = t.w * e, o = 100 - (t.t + t.h), s = 100 - (t.l + t.w);
+  return {
+    opacity: 1,
+    maskImage: lt,
+    maskRepeat: "no-repeat",
+    // 位置在两帧里不变，只让尺寸插值。底边和右边钉在墨迹框上，条带向中心长。
+    maskPosition: [
+      `left ${M(t.l)} top ${M(t.t)}`,
+      `left ${M(t.l)} bottom ${M(o)}`,
+      `left ${M(t.l)} top ${M(t.t)}`,
+      `right ${M(s)} top ${M(t.t)}`
+    ].join(", "),
+    maskSize: [
+      `${M(t.w)} ${M(a)}`,
+      `${M(t.w)} ${M(a)}`,
+      `${M(n)} ${M(t.h)}`,
+      `${M(n)} ${M(t.h)}`
+    ].join(", "),
+    maskOrigin: "fill-box",
+    maskClip: "fill-box"
+  };
+}
+function U(r, t = yt) {
+  if (wt(t))
+    return r ? "inset(0% 0% 0% 0%) fill-box" : "inset(50% 50% 50% 50%) fill-box";
+  const e = r ? t.t : t.t + t.h / 2, a = r ? t.l : t.l + t.w / 2, n = r ? 100 - (t.t + t.h) : 100 - (t.t + t.h / 2), o = r ? 100 - (t.l + t.w) : 100 - (t.l + t.w / 2);
+  return `inset(${M(e)} ${M(o)} ${M(n)} ${M(a)}) fill-box`;
+}
+function z(r, t = []) {
+  return {
+    opacity: 1,
+    maskImage: r.map(() => "linear-gradient(#000,#000)").join(", "),
+    maskRepeat: "no-repeat",
+    maskPosition: r.map((e, a) => {
+      var n, o;
+      return `${((n = t[a]) == null ? void 0 : n.x) === "right" ? `right ${M(100 - e[2][0])}` : `left ${M(e[0][0])}`} ${((o = t[a]) == null ? void 0 : o.y) === "bottom" ? `bottom ${M(100 - e[2][1])}` : `top ${M(e[0][1])}`}`;
+    }).join(", "),
+    maskSize: r.map((e) => `${M(e[2][0] - e[0][0])} ${M(e[2][1] - e[0][1])}`).join(", "),
+    maskOrigin: "fill-box",
+    maskClip: "fill-box"
+  };
+}
+function Q(r, t = !1) {
+  const e = (o) => Math.round(o * 1e3) / 1e3, a = r.map((o) => `M${e(o[0][0])} ${e(o[0][1])} ` + o.slice(1).map(([s, c]) => `L${e(s)} ${e(c)}`).join(" ") + " Z").join(" "), n = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none"><path fill="#000" fill-rule="${t ? "evenodd" : "nonzero"}" d="${a}"/></svg>`;
+  return {
+    opacity: 1,
+    maskImage: `url("data:image/svg+xml,${encodeURIComponent(n)}")`,
+    maskRepeat: "no-repeat",
+    maskPosition: "center",
+    maskSize: "100% 100%",
+    maskOrigin: "fill-box",
+    maskClip: "fill-box"
+  };
+}
+function x(r, t, e, a) {
+  return [[r, t], [e, t], [e, a], [r, a]];
+}
+function ft(r, t) {
+  const e = (r == null ? void 0 : r.endsWith("vert")) ?? !0, a = (r == null ? void 0 : r.startsWith("in")) ?? !1, n = t ? 50 : 0;
+  return z(e ? a ? [x(0, 0, n, 100), x(100 - n, 0, 100, 100)] : [x(50 - n, 0, 50, 100), x(50, 0, 50 + n, 100)] : a ? [x(0, 0, 100, n), x(0, 100 - n, 100, 100)] : [x(0, 50 - n, 100, 50), x(0, 50, 100, 50 + n)]);
+}
+function ut(r, t) {
+  const e = [];
+  for (let a = 0; a < 6; a++) for (let n = 0; n < 8; n++) {
+    const o = n * 12.5, s = a * (100 / 6), c = o + 12.5, l = s + 100 / 6, f = (a + n) % 2 === 1;
+    r === "down" ? e.push(x(
+      o,
+      f ? l - (t ? l - s : 0) : s,
+      c,
+      f ? l : s + (t ? l - s : 0)
+    )) : e.push(x(
+      f ? c - (t ? c - o : 0) : o,
+      s,
+      f ? c : o + (t ? c - o : 0),
+      l
+    ));
+  }
+  return z(e);
+}
+function Z(r, t) {
+  const e = r === "vert", a = 128, n = typeof t == "boolean" ? Number(t) : t, o = [];
+  for (let s = 0; s < a; s++) {
+    const c = s * 100 / a, l = (s + 1) * 100 / a, f = s * 73 % a, u = Math.min(1, Math.max(0, n * a - f)) * (l - c);
+    o.push(e ? x(c, 0, c + u, 100) : x(0, c, 100, c + u));
+  }
+  return z(o);
+}
+function J(r, t) {
+  const e = (r == null ? void 0 : r.startsWith("l")) ?? !1, a = (r == null ? void 0 : r.endsWith("u")) ?? !1, n = typeof t == "boolean" ? Number(t) : t, o = 8, s = [];
+  for (let c = 0; c < o; c++) {
+    const l = c * 100 / o, f = (c + 1) * 100 / o, u = (a ? o - c - 1 : c) / (2 * o), h = Math.min(1, Math.max(0, (n - u) / (1 - (o - 1) / (2 * o)))) * 100;
+    s.push(e ? x(100 - h, l, 100, f) : x(0, l, h, f));
+  }
+  return z(s, e ? s.map(() => ({ x: "right" })) : []);
+}
+function $t(r, t) {
+  if (r === "circle") return Array.from({ length: 40 }, (a, n) => {
+    const o = n * Math.PI / 20 - Math.PI / 2;
+    return [50 + t * Math.cos(o), 50 + t * Math.sin(o)];
+  });
+  if (r === "diamond") return [
+    [50, 50 - t],
+    [50 + t, 50],
+    [50, 50 + t],
+    [50 - t, 50]
+  ];
+  const e = t / 3;
+  return [
+    [50 - e, 50 - t],
+    [50 + e, 50 - t],
+    [50 + e, 50 - e],
+    [50 + t, 50 - e],
+    [50 + t, 50 + e],
+    [50 + e, 50 + e],
+    [50 + e, 50 + t],
+    [50 - e, 50 + t],
+    [50 - e, 50 + e],
+    [50 - t, 50 + e],
+    [50 - t, 50 - e],
+    [50 - e, 50 - e]
+  ];
+}
+function tt(r, t, e) {
+  const a = typeof e == "boolean" ? Number(e) : e;
+  if (r === "plus" && t === "in") {
+    const c = a * 50;
+    return z([
+      x(0, 0, c, c),
+      x(100 - c, 0, 100, c),
+      x(0, 100 - c, c, 100),
+      x(100 - c, 100 - c, 100, 100)
+    ], [{}, { x: "right" }, { y: "bottom" }, { x: "right", y: "bottom" }]);
+  }
+  const n = r === "circle" ? 72 : r === "diamond" ? 101 : 151, o = (t === "in" ? 1 - a : a) * n, s = $t(r, o);
+  return t === "in" ? Q([x(0, 0, 100, 100), s], !0) : Q([s]);
+}
+function et(r, t) {
+  const e = [1, 2, 3, 4, 8].includes(Number(r)) ? Number(r) : 1, a = typeof t == "boolean" ? Number(t) : t, n = [];
+  for (let o = 0; o < e; o++) {
+    const s = -Math.PI / 2 + o * 2 * Math.PI / e, c = a * 2 * Math.PI / e, l = [[50, 50]];
+    for (let f = 0; f <= 16; f++) {
+      const u = s + c * f / 16;
+      l.push([50 + 200 * Math.cos(u), 50 + 200 * Math.sin(u)]);
+    }
+    n.push(l);
+  }
+  return Q(n);
+}
+function rt(r, t) {
+  const e = typeof r == "boolean" ? Number(r) : r, a = [];
+  for (let n = 0; n < 8; n++) for (let o = 0; o < 10; o++) {
+    const s = o * 10, c = n * 12.5, l = (o + 1) * 10, f = (n + 1) * 12.5;
+    let u = Math.imul(n * 10 + o + t * 101, 73244475);
+    u = Math.imul(u ^ u >>> 16, 73244475), u = (u ^ u >>> 16) >>> 0;
+    const i = u % 17 / 17, h = s + (l - s) * i, d = c + (f - c) * (1 - i), w = (u >>> 8) % 8, v = Math.min(1, Math.max(0, e * 8 - w));
+    a.push(x(
+      h + (s - h) * v,
+      d + (c - d) * v,
+      h + (l - h) * v,
+      d + (f - d) * v
+    ));
+  }
+  return z(a);
+}
+const Et = 2147483647;
+function Pt(r, t, e) {
+  const a = r.querySelector("audio,video");
+  if (!a) return null;
+  if (!Number.isFinite(e) || e < 0)
+    throw new Error(`媒体调用的起始时间无效：${e}ms`);
+  let n = null, o = e, s = !1, c = !1, l, f;
+  const u = new Promise((w, v) => {
+    l = w, f = v;
+  }), i = () => {
+    c = !0, Promise.resolve(a.play()).then(l, f);
+  }, h = () => {
+    if (n = null, !s)
+      try {
+        switch (t.action) {
+          case "play":
+            t.fromSeconds !== void 0 && (a.currentTime = t.fromSeconds), i();
+            return;
+          case "resume":
+            i();
+            return;
+          case "pause":
+            a.pause();
+            break;
+          case "stop":
+            a.pause(), a.currentTime = 0;
+            break;
+          case "togglePause":
+            if (a.paused) {
+              i();
+              return;
+            }
+            a.pause();
+            break;
+        }
+        l();
+      } catch (w) {
+        f(w);
+      }
+  }, d = () => {
+    if (o === 0) {
+      h();
+      return;
+    }
+    const w = Math.min(o, Et);
+    n = setTimeout(() => {
+      o -= w, d();
+    }, w);
+  };
+  return d(), {
+    finished: u,
+    cancel: () => {
+      s = !0, n !== null && clearTimeout(n), c && a.pause(), l();
+    }
+  };
+}
+const C = 1.15;
+function St(r) {
+  switch (r) {
+    case "l":
+      return [-100 * C, 0];
+    case "r":
+      return [100 * C, 0];
+    case "u":
+      return [0, -100 * C];
+    case "d":
+      return [0, 100 * C];
+    case "lu":
+      return [-100 * C, -100 * C];
+    case "ru":
+      return [100 * C, -100 * C];
+    case "ld":
+      return [-100 * C, 100 * C];
+    case "rd":
+      return [100 * C, 100 * C];
+    default:
+      return [0, 100 * C];
+  }
+}
+function At(r, t, e) {
+  const a = r.querySelector("svg");
+  if (!a || typeof a.getBoundingClientRect != "function" || typeof t.getBoundingClientRect != "function") return null;
+  const n = a.getBoundingClientRect(), o = t.getBoundingClientRect();
+  if (n.width < 1 || n.height < 1 || o.width < 1 || o.height < 1) return null;
+  const s = (n.left - o.right - 4) / o.width * 100, c = (n.right - o.left + 4) / o.width * 100, l = (n.top - o.bottom - 4) / o.height * 100, f = (n.bottom - o.top + 4) / o.height * 100, u = e != null && e.includes("l") ? s : e != null && e.includes("r") ? c : 0, i = e != null && e.includes("u") ? l : e != null && e.includes("d") || !e ? f : 0;
+  return `translate(${u}%, ${i}%)`;
+}
+function X(r, t) {
+  return r === t ? `scale(${r})` : `scale(${r}, ${t})`;
+}
+const Ct = ["maskImage", "maskRepeat", "maskPosition", "maskSize"];
+function Nt(r) {
+  var i, h;
+  const t = (i = r.getBoundingClientRect) == null ? void 0 : i.call(r), e = (h = r.ownerDocument) == null ? void 0 : h.createRange;
+  if (!t || t.width < 1 || t.height < 1 || typeof e != "function") return null;
+  const a = e.call(r.ownerDocument);
+  a.selectNodeContents(r);
+  const n = a.getBoundingClientRect();
+  if (n.width < 1 || n.height < 1) return null;
+  const o = Math.min(100, Math.max(0, (n.left - t.left) / t.width * 100)), s = Math.min(100, Math.max(0, (n.top - t.top) / t.height * 100)), c = Math.min(100, Math.max(o, (n.right - t.left) / t.width * 100)), l = Math.min(100, Math.max(s, (n.bottom - t.top) / t.height * 100)), f = c - o, u = l - s;
+  return f < 1 || u < 1 ? null : { l: o, t: s, w: f, h: u };
+}
+function Tt(r, t) {
+  if (!t || typeof r.querySelectorAll != "function") return [];
+  const e = [];
+  for (const n of r.querySelectorAll("[data-p]")) {
+    const o = Number(n.getAttribute("data-p"));
+    Number.isInteger(o) && o >= t.start && o <= t.end && e.push(n);
+  }
+  if (e.length) return e;
+  const a = [];
+  for (const n of r.querySelectorAll("foreignObject > :first-child")) {
+    const o = [...n.children].filter((s) => s.localName === "div");
+    for (let s = t.start; s <= t.end && s < o.length; s++)
+      a.push(o[s]);
+  }
+  return a;
+}
+function Ft(r, t, e) {
+  if (r.kind !== "emphasis" && r.kind !== "motion" && r.effect === "zoom" && (r.dir === "in" || r.dir === "out")) {
+    const a = Nt(t);
+    if (a) {
+      const n = r.dir === "in" ? {
+        from: q(!1, a),
+        to: q(!0, a)
+      } : {
+        from: { opacity: 1, clipPath: U(!1, a) },
+        to: { opacity: 1, clipPath: U(!0, a) }
+      }, o = r.kind === "exit" ? [n.to, n.from] : [n.from, n.to];
+      return ot(o);
+    }
+  }
+  return ot(e);
+}
+function ot(r) {
+  const t = (e) => e.clipPath !== void 0 || e.maskSize !== void 0;
+  return r.some(t) ? r.map((e) => {
+    const a = {};
+    e.clipPath !== void 0 && (a.clipPath = String(e.clipPath).replace(/ fill-box/g, ""));
+    for (const n of Ct) e[n] !== void 0 && (a[n] = e[n]);
+    return e.maskSize !== void 0 && (a.maskOrigin = "border-box", a.maskClip = "border-box"), e.offset !== void 0 && (a.offset = e.offset), a;
+  }) : null;
+}
+function V(r, t) {
+  const e = t ? 100 : 0;
+  switch (r) {
+    case "l":
+      return `inset(0 ${e}% 0 0)`;
+    case "r":
+      return `inset(0 0 0 ${e}%)`;
+    case "u":
+      return `inset(0 0 ${e}% 0)`;
+    case "horz":
+      return `inset(0 ${e / 2}% 0 ${e / 2}%)`;
+    case "vert":
+      return `inset(${e / 2}% 0 ${e / 2}% 0)`;
+    default:
+      return `inset(${e}% 0 0 0)`;
+  }
+}
+const Ot = {
+  d: { origin: "center bottom", axis: "scaleY" },
+  u: { origin: "center top", axis: "scaleY" },
+  l: { origin: "left center", axis: "scaleX" },
+  r: { origin: "right center", axis: "scaleX" },
+  lu: { origin: "left top", axis: "scale" },
+  ru: { origin: "right top", axis: "scale" },
+  ld: { origin: "left bottom", axis: "scale" },
+  rd: { origin: "right bottom", axis: "scale" }
+};
+function It(r) {
+  return (r ? Ot[r] : void 0) ?? { origin: "center", axis: "scaleX" };
+}
+function nt(r, t) {
+  const e = Math.round(Math.sin(2.5 * Math.PI * t) * 1e4) / 1e4;
+  return {
+    opacity: t,
+    transform: r === "horz" ? `scaleY(${e})` : `scaleX(${e})`
+  };
+}
+function st(r) {
+  var t, e, a, n, o, s, c, l, f, u;
+  switch (r.effect) {
+    case "appear":
+      return { from: { opacity: 0 }, to: { opacity: 1 } };
+    case "fly": {
+      const [i, h] = St(r.dir);
+      return {
+        from: { opacity: 0, transform: `translate(${i}%, ${h}%)` },
+        to: { opacity: 1, transform: "translate(0, 0)" }
+      };
+    }
+    case "zoom":
+      return r.dir === "in" ? { from: q(!1), to: q(!0) } : r.dir === "out" ? {
+        from: { opacity: 1, clipPath: U(!1) },
+        to: { opacity: 1, clipPath: U(!0) }
+      } : {
+        from: { opacity: 0, transform: X(((t = r.scale) == null ? void 0 : t.fromX) ?? 0, ((e = r.scale) == null ? void 0 : e.fromY) ?? 0) },
+        to: { opacity: 1, transform: X(((a = r.scale) == null ? void 0 : a.toX) ?? 1, ((n = r.scale) == null ? void 0 : n.toY) ?? 1) }
+      };
+    case "grow":
+      return {
+        from: { opacity: 1, transform: `${X(((o = r.scale) == null ? void 0 : o.fromX) ?? 0, ((s = r.scale) == null ? void 0 : s.fromY) ?? 0)} rotate(${((c = r.rotation) == null ? void 0 : c.from) ?? 0}deg)` },
+        to: { opacity: 1, transform: `${X(((l = r.scale) == null ? void 0 : l.toX) ?? 1, ((f = r.scale) == null ? void 0 : f.toY) ?? 1)} rotate(${((u = r.rotation) == null ? void 0 : u.to) ?? 90}deg)` }
+      };
+    case "spin":
+      return { from: { opacity: 0, transform: "rotate(-180deg) scale(0.4)" }, to: { opacity: 1, transform: "rotate(0) scale(1)" } };
+    case "swivel":
+      return { from: nt(r.dir, 0), to: nt(r.dir, 1) };
+    case "float":
+      return { from: { opacity: 0, transform: "translateY(30%)" }, to: { opacity: 1, transform: "translateY(0)" } };
+    case "bounce":
+      return { from: { opacity: 0, transform: "translateY(-60%)" }, to: { opacity: 1, transform: "translateY(0)" } };
+    case "stretch": {
+      if (r.scale)
+        return {
+          from: { opacity: 0, transform: X(r.scale.fromX, r.scale.fromY) },
+          to: { opacity: 1, transform: X(r.scale.toX, r.scale.toY) }
+        };
+      const { origin: i, axis: h } = It(r.dir);
+      return {
+        from: { opacity: 1, transform: `${h}(0)`, transformOrigin: i },
+        to: { opacity: 1, transform: `${h}(1)`, transformOrigin: i }
+      };
+    }
+    case "blinds":
+      return {
+        from: ct(r.dir, !1),
+        to: ct(r.dir, !0)
+      };
+    case "checkerboard":
+      return {
+        from: ut(r.dir, !1),
+        to: ut(r.dir, !0)
+      };
+    case "randomBar":
+      return {
+        from: Z(r.dir, !1),
+        to: Z(r.dir, !0)
+      };
+    case "strips":
+      return {
+        from: J(r.dir, !1),
+        to: J(r.dir, !0)
+      };
+    case "circle":
+    case "diamond":
+    case "plus":
+      return {
+        from: tt(r.effect, r.dir, !1),
+        to: tt(r.effect, r.dir, !0)
+      };
+    case "wipe":
+      return {
+        from: { opacity: 1, clipPath: V(r.dir, !0) },
+        to: { opacity: 1, clipPath: V(r.dir, !1) }
+      };
+    case "split":
+      return {
+        from: ft(r.dir, !1),
+        to: ft(r.dir, !0)
+      };
+    case "wheel":
+      return {
+        from: et(r.dir, !1),
+        to: et(r.dir, !0)
+      };
+    case "dissolve":
+      return {
+        from: rt(!1, r.target),
+        to: rt(!0, r.target)
+      };
+    case "random":
+      return st({ ...r, effect: ["fly", "wipe", "zoom"][r.target % 3], dir: "d" });
+    case "fade":
+    default:
+      return { from: { opacity: 0 }, to: { opacity: 1 } };
+  }
+}
+function Rt(r) {
+  const t = st({ ...r, kind: "entrance" });
+  return { from: t.to, to: t.from };
+}
+function Yt(r) {
+  var t, e, a, n;
+  switch (r.effect) {
+    case "spin":
+      return { from: { transform: "rotate(0)" }, to: { transform: "rotate(360deg)" } };
+    case "grow":
+      return {
+        from: { transform: X(((t = r.scale) == null ? void 0 : t.fromX) ?? 1, ((e = r.scale) == null ? void 0 : e.fromY) ?? 1) },
+        to: { transform: X(((a = r.scale) == null ? void 0 : a.toX) ?? 1.25, ((n = r.scale) == null ? void 0 : n.toY) ?? 1.25) }
+      };
+    default:
+      return { from: { opacity: 1 }, to: { opacity: 0.5 } };
+  }
+}
+function Wt(r) {
+  return r.kind === "exit" ? Rt(r) : r.kind === "emphasis" ? Yt(r) : r.kind === "motion" ? { from: { opacity: 1 }, to: { opacity: 1 } } : st(r);
+}
+function Lt(r, t) {
+  var l, f, u;
+  const e = [], a = [], n = [];
+  let o = !1, s = 0, c = 0;
+  for (const i of t) {
+    const h = i.trigger === "afterPrev" ? c + i.delayMs : i.trigger === "withPrev" ? s + i.delayMs : i.delayMs;
+    s = h, c = h + i.durationMs;
+    const d = r.querySelector(`[data-el="${i.target}"]`);
+    if (!d) continue;
+    if (i.mediaCommand) {
+      const g = Pt(d, i.mediaCommand, h);
+      g && n.push(g);
+      continue;
+    }
+    i.kind === "exit" && a.push(d);
+    const { from: w, to: v } = Wt(i);
+    if (d.style.visibility = "visible", i.kind === "entrance" && (d.style.opacity = ""), i.effect === "fly" && (i.kind === "entrance" || i.kind === "exit")) {
+      const g = At(r, d, i.dir);
+      g && (i.kind === "entrance" ? w.transform = g : v.transform = g);
+    }
+    const E = (l = i.motionPath) == null ? void 0 : l.reduce((g, [m, R], N, p) => (N === 0 ? g.push(0) : g.push(g[N - 1] + Math.hypot(m - p[N - 1][0], R - p[N - 1][1])), g), []), A = (E == null ? void 0 : E[E.length - 1]) ?? 0, I = (f = i.motionPath) != null && f.length ? i.motionPath.map(([g, m], R) => ({
+      transform: `translate(${g}px, ${m}px)`,
+      offset: A > 0 ? E[R] / A : R / (i.motionPath.length - 1)
+    })) : i.effect === "randomBar" ? Array.from({ length: 13 }, (g, m) => ({
+      ...Z(i.dir, i.kind === "exit" ? 1 - m / 12 : m / 12),
+      offset: m / 12
+    })) : i.effect === "strips" ? Array.from({ length: 21 }, (g, m) => ({
+      ...J(i.dir, i.kind === "exit" ? 1 - m / 20 : m / 20),
+      offset: m / 20
+    })) : i.effect === "wheel" ? Array.from({ length: 73 }, (g, m) => ({
+      ...et(i.dir, i.kind === "exit" ? 1 - m / 72 : m / 72),
+      offset: m / 72
+    })) : i.effect === "circle" || i.effect === "diamond" || i.effect === "plus" && i.dir !== "in" ? Array.from({ length: 37 }, (g, m) => ({
+      ...tt(
+        i.effect,
+        i.dir,
+        i.kind === "exit" ? 1 - m / 36 : m / 36
+      ),
+      offset: m / 36
+    })) : i.effect === "dissolve" ? Array.from({ length: 9 }, (g, m) => ({
+      ...rt(i.kind === "exit" ? 1 - m / 8 : m / 8, i.target),
+      offset: m / 8
+    })) : i.effect === "swivel" && (i.kind === "entrance" || i.kind === "exit") ? Array.from({ length: 41 }, (g, m) => ({
+      ...nt(i.dir, i.kind === "exit" ? 1 - m / 40 : m / 40),
+      offset: m / 40
+    })) : i.effect === "bounce" && i.kind === "entrance" ? [
+      { opacity: 0, transform: "translateY(-60%)", offset: 0 },
+      { opacity: 1, transform: "translateY(10%)", offset: 0.5 },
+      { opacity: 1, transform: "translateY(-8%)", offset: 0.7 },
+      { opacity: 1, transform: "translateY(3%)", offset: 0.85 },
+      { opacity: 1, transform: "translateY(0)", offset: 1 }
+    ] : [w, v];
+    try {
+      const g = (u = i.motionPath) != null && u.length || i.effect === "randomBar" || i.effect === "strips" || i.effect === "wheel" || i.effect === "circle" || i.effect === "diamond" || i.effect === "plus" || i.effect === "dissolve" || i.effect === "bounce" || i.effect === "swivel" ? "linear" : i.effect === "appear" && i.kind === "entrance" ? "steps(1, start)" : i.effect === "appear" && i.kind === "exit" ? "steps(1, end)" : "cubic-bezier(0.25, 0.46, 0.45, 0.94)", m = d.animate(I, {
+        duration: i.durationMs,
+        delay: h,
+        // 路径动画在 PowerPoint 里是匀速，不能套入场用的缓动
+        easing: g,
+        fill: "both"
+      });
+      i.kind === "exit" && m.finished.then(() => {
+        o || (d.style.visibility = "hidden");
+      }).catch(() => {
+      }), e.push(m);
+      const R = ot(I);
+      if (!R || typeof d.querySelectorAll != "function") continue;
+      const N = Tt(d, i.paragraphRange), p = N.length ? N : d.querySelectorAll("foreignObject > :first-child");
+      for (const b of p) {
+        if (!(b instanceof HTMLElement)) continue;
+        const P = N.length ? Ft(i, b, I) : R;
+        P && e.push(b.animate(P, {
+          duration: i.durationMs,
+          delay: h,
+          easing: g,
+          fill: "both"
+        }));
+      }
+    } catch {
+      Object.assign(d.style, I[I.length - 1] ?? v), i.kind === "exit" && (d.style.visibility = "hidden");
+    }
+  }
+  return {
+    animations: e,
+    cancel: () => {
+      o = !0, e.forEach((i) => {
+        try {
+          i.finish();
+        } catch {
+        }
+      }), n.forEach((i) => i.cancel());
+      for (const i of a) i.style.visibility = "hidden";
+    },
+    // 等全部视觉与媒体调用落定后再报告：媒体失败不能让批次提前收尾、截断仍在播的视觉动画。
+    finished: Promise.all([
+      Promise.all(e.map((i) => i.finished.catch(() => {
+      }))),
+      Promise.allSettled(n.map((i) => i.finished))
+    ]).then(([, i]) => {
+      const h = i.find((d) => d.status === "rejected");
+      if (h) throw h.reason;
+    })
+  };
+}
+function ht(r, t) {
+  const e = r.dir ?? bt(r.type) ?? "", a = (o, s) => `translate(${o}, ${s})`, n = () => {
+    const o = {
+      l: ["-100%", "0"],
+      r: ["100%", "0"],
+      u: ["0", "-100%"],
+      d: ["0", "100%"],
+      lu: ["-100%", "-100%"],
+      ld: ["-100%", "100%"],
+      ru: ["100%", "-100%"],
+      rd: ["100%", "100%"]
+    };
+    return o[e] ?? o.d;
+  };
+  switch (r.type) {
+    case "cut":
+      return t ? [
+        { opacity: 0, offset: 0 },
+        { opacity: 0, offset: 0.49 },
+        { opacity: 1, offset: 0.5 },
+        { opacity: 1, offset: 1 }
+      ] : [
+        { opacity: 1, offset: 0 },
+        { opacity: 1, offset: 0.49 },
+        { opacity: 0, offset: 0.5 },
+        { opacity: 0, offset: 1 }
+      ];
+    case "push":
+    case "pull": {
+      const [o, s] = n(), c = r.type === "pull" ? -1 : 1, l = (f) => f === "0" ? "0" : `${-parseFloat(f) * c}%`;
+      return t ? [{ transform: a(c > 0 ? o : l(o), c > 0 ? s : l(s)) }, { transform: "translate(0,0)" }] : [{ transform: "translate(0,0)" }, { transform: a(l(o), l(s)) }];
+    }
+    case "cover": {
+      const [o, s] = n();
+      return t ? [{ transform: a(o, s) }, { transform: "translate(0,0)" }] : [{ opacity: 1 }, { opacity: 1 }];
+    }
+    case "wipe": {
+      const o = V(e || "d", !0), s = V(e || "d", !1);
+      return t ? [{ clipPath: o }, { clipPath: s }] : [{ opacity: 1 }, { opacity: 1 }];
+    }
+    case "split": {
+      const o = e.startsWith("vert"), s = e.endsWith("out"), c = o ? "inset(0 50% 0 50%)" : "inset(50% 0 50% 0)", l = "inset(0 0 0 0)";
+      return t ? s ? [{ clipPath: c }, { clipPath: l }] : [{ clipPath: l }, { clipPath: l }] : [{ clipPath: l }, { clipPath: c }];
+    }
+    case "zoom":
+      return t ? [{ opacity: 0, transform: e === "out" ? "scale(1.4)" : "scale(0.6)" }, { opacity: 1, transform: "scale(1)" }] : [{ opacity: 1 }, { opacity: 0 }];
+    case "wheel":
+    case "circle":
+    case "diamond":
+    case "plus":
+    case "wedge":
+      return t ? [{ opacity: 0, transform: "scale(0.7)" }, { opacity: 1, transform: "scale(1)" }] : [{ opacity: 1 }, { opacity: 0 }];
+    case "ripple": {
+      const o = {
+        lu: "0% 0%",
+        ld: "0% 100%",
+        ru: "100% 0%",
+        rd: "100% 100%",
+        center: "50% 50%"
+      }, s = o[e] ?? o.center;
+      return t ? [{ clipPath: `circle(0% at ${s})` }, { clipPath: `circle(145% at ${s})` }] : [{ opacity: 1 }, { opacity: 1 }];
+    }
+    case "vortex": {
+      const [o, s] = n(), c = e === "r" || e === "d" ? 180 : -180;
+      return t ? [{ opacity: 0, transformOrigin: `${o === "0" ? "50%" : o.startsWith("-") ? "0%" : "100%"} ${s === "0" ? "50%" : s.startsWith("-") ? "0%" : "100%"}`, transform: `scale(0.2) rotate(${c}deg)` }, { opacity: 1, transform: "none" }] : [{ opacity: 1 }, { opacity: 0 }];
+    }
+    case "honeycomb":
+      return t ? [{ opacity: 0, transform: "scale(0.85) rotate(-6deg)" }, { opacity: 1, transform: "none" }] : [{ opacity: 1, transform: "none" }, { opacity: 0, transform: "scale(1.1)" }];
+    case "glitter":
+      return t ? [{ opacity: 0, clipPath: V(e || "l", !0) }, { opacity: 1, clipPath: V(e || "l", !1) }] : [{ opacity: 1 }, { opacity: 0 }];
+    case "shred": {
+      const o = e === "out";
+      return t ? [{ opacity: 0, transform: o ? "scale(1.35) rotate(5deg)" : "scale(0.72) rotate(-5deg)" }, { opacity: 1, transform: "none" }] : [{ opacity: 1, transform: "none" }, { opacity: 0, transform: o ? "scaleY(0.72)" : "scaleY(1.2)" }];
+    }
+    case "flash":
+      return t ? [{ opacity: 0, filter: "brightness(3)" }, { opacity: 1, filter: "brightness(1)" }] : [{ opacity: 1, filter: "brightness(1)" }, { opacity: 0, filter: "brightness(3)" }];
+    case "reveal": {
+      const [o, s] = n();
+      return t ? [{ opacity: 0, transform: a(o, s) }, { opacity: 1, transform: "translate(0,0)" }] : [{ opacity: 1 }, { opacity: 0 }];
+    }
+    case "wheelReverse":
+      return t ? [{ opacity: 0, transform: "scale(1.3) rotate(20deg)" }, { opacity: 1, transform: "none" }] : [{ opacity: 1 }, { opacity: 0 }];
+    case "doors":
+      return t ? [{ clipPath: e === "horz" ? "inset(50% 0 50% 0)" : "inset(0 50% 0 50%)" }, { clipPath: "inset(0 0 0 0)" }] : [{ opacity: 1 }, { opacity: 1 }];
+    case "window":
+      return t ? [{ clipPath: e === "horz" ? "inset(0 50% 0 50%)" : "inset(50% 0 50% 0)" }, { clipPath: "inset(0 0 0 0)" }] : [{ opacity: 1 }, { opacity: 1 }];
+    case "switch":
+    case "flip": {
+      const o = (r.type === "flip" ? -1 : 1) * (e === "r" ? -1 : 1);
+      return t ? [
+        { opacity: 0, transform: `perspective(1400px) rotateY(${o * -80}deg)` },
+        { opacity: 1, transform: "perspective(1400px) rotateY(0)" }
+      ] : [
+        { opacity: 1, transform: "perspective(1400px) rotateY(0)" },
+        { opacity: 0, transform: `perspective(1400px) rotateY(${o * 80}deg)` }
+      ];
+    }
+    case "prism": {
+      const o = e === "u" || e === "d", s = e === "r" || e === "d" ? -1 : 1, c = (l) => o ? `rotateX(${l}deg)` : `rotateY(${l}deg)`;
+      return t ? [
+        { opacity: 0, transform: `perspective(1400px) ${c(s * -70)}` },
+        { opacity: 1, transform: `perspective(1400px) ${c(0)}` }
+      ] : [
+        { opacity: 1, transform: `perspective(1400px) ${c(0)}` },
+        { opacity: 0, transform: `perspective(1400px) ${c(s * 70)}` }
+      ];
+    }
+    case "ferris": {
+      const o = e === "r" ? -1 : 1;
+      return t ? [
+        { opacity: 0, transform: `perspective(1400px) rotateX(${o * 70}deg)` },
+        { opacity: 1, transform: "perspective(1400px) rotateX(0)" }
+      ] : [
+        { opacity: 1, transform: "perspective(1400px) rotateX(0)" },
+        { opacity: 0, transform: `perspective(1400px) rotateX(${o * -70}deg)` }
+      ];
+    }
+    case "gallery":
+    case "conveyor": {
+      const o = r.type === "conveyor" ? 25 : 12, s = e.includes("l") ? "-100%" : "100%", c = e.includes("l") ? "100%" : "-100%";
+      return t ? [
+        { transform: `perspective(1600px) translateX(${s}) rotateY(${o}deg)` },
+        { transform: "perspective(1600px) translateX(0) rotateY(0)" }
+      ] : [
+        { transform: "perspective(1600px) translateX(0) rotateY(0)" },
+        { transform: `perspective(1600px) translateX(${c}) rotateY(${-o}deg)` }
+      ];
+    }
+    case "pan": {
+      const [o, s] = n(), c = (l) => l === "0" ? "0" : `${-parseFloat(l)}%`;
+      return t ? [{ transform: a(o, s) }, { transform: "translate(0,0)" }] : [{ transform: "translate(0,0)" }, { transform: a(c(o), c(s)) }];
+    }
+    case "flythrough":
+      return t ? [{ opacity: 0, transform: `perspective(1000px) scale(${e === "out" ? 2.2 : 0.15})` }, { opacity: 1, transform: "none" }] : [{ opacity: 1, transform: "none" }, { opacity: 0, transform: `perspective(1000px) scale(${e === "out" ? 0.15 : 2.2})` }];
+    case "warp": {
+      const o = e === "out";
+      return t ? [{ opacity: 0, transform: o ? "skewX(-18deg) scale(1.35)" : "skewX(18deg) scale(0.65)" }, { opacity: 1, transform: "none" }] : [{ opacity: 1, transform: "none" }, { opacity: 0, transform: o ? "skewX(18deg) scale(0.65)" : "skewX(-18deg) scale(1.35)" }];
+    }
+    case "blinds":
+    case "checker":
+    case "randomBar": {
+      const o = V(e, !0);
+      return t ? [{ opacity: 0.2, clipPath: o }, { opacity: 1, clipPath: V(e, !1) }] : [{ opacity: 1 }, { opacity: 0 }];
+    }
+    case "comb":
+      return t ? [{ opacity: 0, transform: e === "vert" ? "translateY(-100%)" : "translateX(-100%)" }, { opacity: 1, transform: "translate(0,0)" }] : [{ opacity: 1 }, { opacity: 0 }];
+    case "strips": {
+      const o = {
+        lu: "0% 0%",
+        ld: "0% 100%",
+        ru: "100% 0%",
+        rd: "100% 100%"
+      }, s = o[e] ?? o.rd;
+      return t ? [{ opacity: 0, clipPath: `circle(0% at ${s})` }, { opacity: 1, clipPath: `circle(145% at ${s})` }] : [{ opacity: 1 }, { opacity: 0 }];
+    }
+    case "newsflash":
+    case "dissolve":
+    case "fade":
+    case "morph":
+    default:
+      return t ? [{ opacity: 0 }, { opacity: 1 }] : [{ opacity: 1 }, { opacity: 0 }];
+  }
+}
+function Xt(r, t) {
+  const e = /* @__PURE__ */ new Map();
+  r.querySelectorAll("[data-el]").forEach((n) => {
+    const o = n.getBoundingClientRect();
+    (o.width > 0 || o.height > 0) && e.set(n.getAttribute("data-el") ?? "", o);
+  });
+  const a = [];
+  return t.querySelectorAll("[data-el]").forEach((n) => {
+    const o = e.get(n.getAttribute("data-el") ?? "");
+    if (!o) return;
+    const s = n.getBoundingClientRect();
+    s.width <= 0 && s.height <= 0 || a.push({ node: n, from: o, to: s });
+  }), a;
+}
+const G = "http://www.w3.org/2000/svg", dt = ["transform", "transform-origin", "transform-box", "opacity", "clip-path", "filter", "visibility"];
+class Vt {
+  constructor(t, e) {
+    this.pres = t, this.showComments = e, this.host = document.createElement("div"), this.svg = document.createElementNS(G, "svg"), this.animations = [], this.host.style.cssText = `position:fixed;left:-20000px;top:0;width:${t.width}px;height:${t.height}px;pointer-events:none;contain:layout style;`, this.host.setAttribute("aria-hidden", "true"), this.svg.setAttribute("xmlns", G), this.svg.setAttribute("width", String(t.width)), this.svg.setAttribute("height", String(t.height)), this.svg.setAttribute("viewBox", `0 0 ${t.width} ${t.height}`), this.host.append(this.svg), document.body.append(this.host);
+  }
+  async page(t, e) {
+    const a = await vt(this.pres, t, e, { showComments: this.showComments });
+    if (/<image\b[^>]*\bhref="(?:blob:|https?:)/.test(a) || /@font-face\{[^}]*src:url\(['"]?(?:blob:|https?:)/.test(a)) throw new Error("视频资源内联失败");
+    const n = new DOMParser().parseFromString(a, "image/svg+xml");
+    if (n.querySelector("parsererror")) throw new Error("视频页面 SVG 无效");
+    const o = document.createElementNS(G, "g");
+    return o.style.transformBox = "fill-box", o.style.transformOrigin = "center", o.append(document.importNode(n.documentElement, !0)), this.svg.append(o), o;
+  }
+  pause(t) {
+    for (const e of t)
+      e.pause(), e.currentTime = 0;
+    return this.animations.push(...t), [...t];
+  }
+  group(t, e) {
+    return this.pause(Lt(t, e).animations);
+  }
+  transition(t, e, a) {
+    const n = a.transition;
+    if (!n || n.type === "none") return [];
+    const o = [], s = (c, l) => {
+      const f = c.animate(l, { duration: n.durationMs, easing: "ease-in-out", fill: "both" });
+      f.finished.catch(() => {
+      }), o.push(f);
+    };
+    if (n.type === "morph") {
+      const c = Xt(t, e), l = new Set(c.map((f) => f.node.getAttribute("data-el")));
+      for (const { node: f, from: u, to: i } of c) s(f, [{ transformOrigin: "left top", transform: `translate(${u.left - i.left}px,${u.top - i.top}px) scale(${i.width ? u.width / i.width : 1},${i.height ? u.height / i.height : 1})` }, { transformOrigin: "left top", transform: "none" }]);
+      for (const f of t.querySelectorAll("[data-el]")) s(f, l.has(f.getAttribute("data-el")) ? [{ opacity: 0 }, { opacity: 0 }] : [{ opacity: 1 }, { opacity: 0 }]);
+      for (const f of e.querySelectorAll("[data-el]")) l.has(f.getAttribute("data-el")) || s(f, [{ opacity: 0 }, { opacity: 1 }]);
+    } else
+      s(t, ht(n, !1)), s(e, ht(n, !0));
+    return this.pause(o);
+  }
+  settle(t) {
+    for (const e of t) {
+      const a = e.effect, n = a == null ? void 0 : a.target;
+      if (a && n) {
+        e.currentTime = Number(a.getComputedTiming().endTime);
+        const o = getComputedStyle(n);
+        for (const s of dt) n.style.setProperty(s, o.getPropertyValue(s));
+      }
+      e.cancel(), this.animations.splice(this.animations.indexOf(e), 1);
+    }
+  }
+  async draw(t, e, a) {
+    const n = this.svg.cloneNode(!0), o = [this.svg, ...this.svg.querySelectorAll("*")], s = [n, ...n.querySelectorAll("*")], c = new Set(this.animations.map((f) => {
+      var u;
+      return (u = f.effect) == null ? void 0 : u.target;
+    }));
+    for (let f = 0; f < o.length; f++) if (c.has(o[f])) {
+      const u = getComputedStyle(o[f]);
+      for (const i of dt) s[f].style.setProperty(i, u.getPropertyValue(i));
+    }
+    const l = new Image();
+    l.decoding = "sync", await new Promise((f, u) => {
+      l.onload = () => f(), l.onerror = () => u(new Error("视频帧 SVG 渲染失败")), l.src = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(new XMLSerializer().serializeToString(n))}`;
+    }), t.fillStyle = "#fff", t.fillRect(0, 0, e, a), t.drawImage(l, 0, 0, e, a);
+  }
+  dispose() {
+    for (const t of this.animations) t.cancel();
+    this.animations.length = 0, this.host.remove();
+  }
+}
+const gt = (r) => new TextEncoder().encode(r);
+function at(r, t = Math.max(1, Math.ceil(Math.log2(r + 1) / 8))) {
+  const e = new Uint8Array(t);
+  for (let a = t - 1; a >= 0; a--)
+    e[a] = r % 256, r = Math.floor(r / 256);
+  return e;
+}
+function zt(r) {
+  const t = new Uint8Array(r.reduce((a, n) => a + n.length, 0));
+  let e = 0;
+  for (const a of r)
+    t.set(a, e), e += a.length;
+  return t;
+}
+function $(r, ...t) {
+  const e = t.reduce((o, s) => o + s.length, 0);
+  let a = 1;
+  for (; e >= 2 ** (7 * a) - 1; ) a++;
+  const n = at(e, a);
+  return n[0] |= 1 << 8 - a, zt([at(r), n, ...t]);
+}
+const k = (r, t) => $(r, at(t)), D = (r, t) => $(r, gt(t));
+function mt(r, t) {
+  const e = new Uint8Array(8);
+  return new DataView(e.buffer).setFloat64(0, t), $(r, e);
+}
+class Bt {
+  constructor(t, e, a, n, o) {
+    if (this.width = t, this.height = e, this.fps = a, this.codec = n, this.audio = o, this.clusters = [], this.last = -1, this.audioLast = -1, this.audioBlocks = 0, this.duration = 0, this.length = 0, this.closed = !1, ![t, e, a].every((s) => Number.isInteger(s) && s > 0) || t * e > 8388608 || a > 60) throw new Error("WebM 视频尺寸或帧率无效");
+    if (o && (!Number.isInteger(o.sampleRate) || o.sampleRate <= 0)) throw new Error("WebM 音频采样率无效");
+  }
+  clusterFor(t, e) {
+    let a = this.clusters[this.clusters.length - 1];
+    return (!a || t - a.time > 32767 || e && t - a.time >= 1e3 || t - a.time >= 3e4) && (a = { time: t, blocks: [], key: e }, this.clusters.push(a)), a;
+  }
+  addFrame(t, e, a, n) {
+    if (this.closed) throw new Error("WebM 已结束");
+    if (!Number.isSafeInteger(e) || e <= this.last || e < 0 || !Number.isSafeInteger(a) || a <= 0) throw new Error("WebM 帧时间必须严格递增");
+    if (!t.length || t.length > 32 * 1024 * 1024 || this.length + t.length > 256 * 1024 * 1024) throw new Error("WebM 视频超过导出大小限制");
+    if (!this.clusters.length && !n) throw new Error("WebM 第一帧必须是关键帧");
+    const o = Math.round(e / 1e3), s = this.clusterFor(o, n), c = new Uint8Array(4);
+    c[0] = 129, new DataView(c.buffer).setInt16(1, o - s.time), c[3] = n ? 128 : 0, s.blocks.push($(163, c, t)), this.length += t.length, this.last = e, this.duration = (e + a) / 1e3;
+  }
+  /** Opus 音频块：时间戳毫秒、流内严格递增；与视频块按簇交错 */
+  addAudio(t, e) {
+    if (this.closed) throw new Error("WebM 已结束");
+    if (!this.audio) throw new Error("WebM 未声明音频轨");
+    if (!Number.isSafeInteger(e) || e < 0 || e <= this.audioLast) throw new Error("WebM 音频时间必须严格递增");
+    if (!t.length || t.length > 1024 * 1024) throw new Error("WebM 音频块为空或超限");
+    const a = Math.round(e), n = this.clusterFor(a, !1), o = new Uint8Array(4);
+    o[0] = 130, new DataView(o.buffer).setInt16(1, Math.max(0, a - n.time)), n.blocks.push($(163, o, t)), this.audioBlocks++, this.audioLast = e, this.length += t.length;
+  }
+  finish() {
+    if (this.closed) throw new Error("WebM 已结束");
+    if (!this.clusters.length) throw new Error("没有可导出的视频帧");
+    if (this.audio && !this.audioBlocks) throw new Error("声明了音频轨但没有音频块");
+    this.closed = !0;
+    const t = $(440786851, k(17030, 1), k(17143, 1), k(17138, 4), k(17139, 8), D(17026, "webm"), k(17031, 4), k(17029, 2)), e = $(357149030, k(2807729, 1e6), mt(17545, this.duration), D(19840, "Web-PPT"), D(22337, "Web-PPT")), n = [$(174, k(215, 1), k(29637, 1), k(131, 1), k(156, 0), D(134, `V_${this.codec}`), k(2352003, Math.round(1e9 / this.fps)), $(224, k(176, this.width), k(186, this.height)))];
+    if (this.audio) {
+      const u = new Uint8Array(19);
+      u.set(gt("OpusHead"), 0), u[8] = 1, u[9] = this.audio.channels, new DataView(u.buffer).setUint16(10, 312, !0), new DataView(u.buffer).setUint32(12, this.audio.sampleRate, !0), n.push($(
+        174,
+        k(215, 2),
+        k(29637, 2),
+        k(131, 2),
+        k(156, 0),
+        D(134, "A_OPUS"),
+        $(25506, u),
+        $(225, mt(181, this.audio.sampleRate), k(159, this.audio.channels))
+      ));
+    }
+    const o = $(374648427, ...n), s = [], c = [];
+    let l = e.length + o.length;
+    for (const u of this.clusters) {
+      const i = $(524531317, k(231, u.time), ...u.blocks);
+      u.key && c.push($(187, k(179, u.time), $(183, k(247, 1), k(241, l)))), s.push(i), l += i.length;
+    }
+    const f = $(408125543, e, o, ...s, $(475249515, ...c));
+    return this.clusters.length = 0, new Blob([t.buffer, f.buffer], { type: "video/webm" });
+  }
+}
+function _(r) {
+  let t = 0, e = 0, a = 0;
+  for (const n of r) {
+    if (![n.delayMs, n.durationMs].every((o) => Number.isFinite(o) && o >= 0 && o <= 36e5)) throw new Error("视频动画时长无效");
+    t = (n.trigger === "afterPrev" ? e : n.trigger === "withPrev" ? t : 0) + n.delayMs, e = t + n.durationMs, a = Math.max(a, e);
+  }
+  return a;
+}
+function Dt(r, t) {
+  const e = t.fps ?? 24, a = t.scale ?? 1, n = t.slideDurationMs ?? 3e3, o = t.clickDelayMs ?? 700;
+  if (!Number.isInteger(e) || e < 1 || e > 60 || !Number.isFinite(a) || a <= 0 || ![n, o].every((h) => Number.isFinite(h) && h >= 0 && h <= 36e5)) throw new Error("视频帧率、倍率或停留时长无效");
+  const s = Math.round(r.width * a), c = Math.round(r.height * a);
+  if (![s, c].every((h) => Number.isFinite(h) && h > 0 && h <= 4096) || s * c > 8388608) throw new Error("视频尺寸需要在 4096 边长、800 万像素以内");
+  const l = t.bitrate ?? Math.max(1e6, s * c * e * 0.15);
+  if (!Number.isFinite(l) || l < 1e4 || l > 1e8) throw new Error("视频码率无效");
+  const f = (h) => Math.max(1, Math.ceil(h * e / 1e3)), u = r.slides.flatMap((h, d) => {
+    var A, I, g;
+    if (t.skipHidden && h.hidden) return [];
+    const w = t.animations === !1 ? [] : Mt(h.animations), v = t.transitions !== !1 && ((A = h.transition) == null ? void 0 : A.type) !== "none" ? ((I = h.transition) == null ? void 0 : I.durationMs) ?? 0 : 0, E = ((g = h.transition) == null ? void 0 : g.advanceAfterMs) ?? n;
+    if (![E, v].every((m) => Number.isFinite(m) && m >= 0 && m <= 36e5)) throw new Error("视频页面时长无效");
+    return [{ slide: h, slideNumber: d + 1, groups: w, transition: v, hold: E, click: o }];
+  }), i = u.reduce((h, d, w) => h + (w && d.transition ? f(d.transition) : 0) + f(d.hold) + d.groups.reduce((v, E) => v + (o ? f(o) : 0) + f(_(E)), 0), 0);
+  if (!u.length) throw new Error("没有可导出的视频页面");
+  if (i / e > 3600 || i > 108e3) throw new Error("视频不能超过一小时或 108000 帧");
+  return { width: s, height: c, fps: e, bitrate: Math.round(l), pages: u, total: i, frames: f };
+}
+function _t(r, t, e) {
+  const a = r.samples.length / r.channels;
+  if (!Number.isInteger(a)) return null;
+  let n = t;
+  if (r.loop) n %= a;
+  else if (t < 0 || t >= a) return null;
+  const o = Math.floor(n), s = n - o, c = Math.min(o + 1, a - 1), l = r.samples[o * r.channels + e], f = r.samples[c * r.channels + e];
+  return l + (f - l) * s;
+}
+function qt(r, t, e = {}) {
+  const a = e.sampleRate ?? 48e3, n = e.channels ?? 2;
+  if (!Number.isFinite(t) || t < 0) throw new Error("混音总时长必须是非负毫秒");
+  if (!Number.isInteger(a) || a <= 0) throw new Error("输出采样率必须是正整数");
+  if (r.some((l) => !Number.isInteger(l.sampleRate) || l.sampleRate <= 0)) throw new Error("片段采样率必须是正整数");
+  if (r.some((l) => l.channels !== 1 && l.channels !== 2)) throw new Error("片段声道数只支持单声道或立体声");
+  if (r.some((l) => !Number.isFinite(l.startMs) || l.startMs < 0)) throw new Error("片段起始时间必须是非负毫秒");
+  if (r.some((l) => l.samples.length % l.channels !== 0)) throw new Error("片段样本长度必须是声道数的整数倍");
+  const o = r.map((l) => l.volume ?? 1);
+  if (o.some((l) => !Number.isFinite(l) || l < 0 || l > 1)) throw new Error("片段音量必须在 [0,1]");
+  const s = Math.ceil(t / 1e3 * a), c = new Float32Array(s * n);
+  for (const [l, f] of r.entries()) {
+    if (f.endMs !== void 0 && f.endMs < f.startMs) throw new Error("片段截止时间早于起始时间");
+    const u = f.endMs ?? Number.POSITIVE_INFINITY, i = Math.floor(f.startMs / 1e3 * a);
+    for (let h = Math.max(i, 0); h < s && !(h / a * 1e3 >= u); h++) {
+      const d = (h - f.startMs / 1e3 * a) * f.sampleRate / a;
+      for (let w = 0; w < n; w++) {
+        const v = _t(f, d, f.channels === 1 ? 0 : w);
+        v !== null && (c[h * n + w] += v * o[l]);
+      }
+    }
+  }
+  for (let l = 0; l < c.length; l++) c[l] = Math.max(-1, Math.min(1, c[l]));
+  return c;
+}
+const Ut = 5e3, jt = 500, Ht = (r) => new Promise((t) => {
+  const e = (s) => {
+    clearTimeout(o), r.removeEventListener("loadeddata", a), r.removeEventListener("error", n), t(s && Number.isFinite(r.duration));
+  }, a = () => e(!0), n = () => e(!1), o = setTimeout(n, Ut);
+  r.addEventListener("loadeddata", a), r.addEventListener("error", n), r.readyState >= 2 && e(!0);
+}), Gt = (r, t) => new Promise((e) => {
+  const a = (s) => {
+    clearTimeout(o), r.removeEventListener("seeked", n), e(s);
+  }, n = () => a(!0), o = setTimeout(() => a(!1), jt);
+  r.addEventListener("seeked", n), r.currentTime = t;
+}), K = (r) => {
+  r.removeAttribute("src"), r.load();
+};
+class Kt {
+  constructor(t) {
+    this.warn = t, this.videos = /* @__PURE__ */ new Map(), this.disposed = !1;
+  }
+  /** 预加载页面的视频媒体（每页一个列表；须在导出循环前调用） */
+  async load(t, e, a, n) {
+    const o = [], s = (f) => {
+      for (const u of f)
+        if (u.kind === "image" && u.media && u.media.kind === "video" && u.media.src) {
+          const i = u.media.playback;
+          if (!i) continue;
+          const h = n.length ? n[Math.min(i.clickGroup, n.length - 1)] : 0, d = document.createElement("video");
+          d.muted = !0, d.preload = "auto", d.playsInline = !0, d.src = u.media.src, o.push({ el: d, x: u.x, y: u.y, w: u.w, h: u.h, startMs: h, name: u.name ?? "", frameWarned: !1 });
+        } else u.kind === "group" && s(u.children);
+    };
+    if (s(e.elements), !o.length) return;
+    const c = await Promise.all(o.map((f) => Ht(f.el)));
+    if (this.disposed) {
+      for (const f of o) K(f.el);
+      return;
+    }
+    const l = o.filter((f, u) => {
+      var i;
+      return c[u] ? !0 : (K(f.el), (i = this.warn) == null || i.call(this, "video-overlay-unavailable", { slideNumber: a, elementName: f.name }), !1);
+    });
+    this.videos.set(a, l);
+  }
+  /**
+   * 把当前时间轴的视频帧画到画布。在 SVG 光栅化之后调用，叠加在海报帧之上。
+   * scaleX/scaleY 把幻灯片坐标换算到导出画布坐标。
+   */
+  async draw(t, e, a, n, o) {
+    var c;
+    const s = this.videos.get(e);
+    if (s)
+      for (const l of s) {
+        const f = (a - l.startMs) / 1e3;
+        if (f < 0) continue;
+        const u = Math.min(f, l.el.duration);
+        (!(Math.abs(l.el.currentTime - u) <= 1 / 30 || await Gt(l.el, u)) || l.el.readyState < 2) && (l.frameWarned || (l.frameWarned = !0, (c = this.warn) == null || c.call(this, "video-overlay-frame-unavailable", { slideNumber: e, elementName: l.name })), l.el.readyState < 2) || t.drawImage(l.el, l.x * n, l.y * o, l.w * n, l.h * o);
+      }
+  }
+  dispose() {
+    this.disposed = !0;
+    for (const t of this.videos.values()) for (const e of t) K(e.el);
+    this.videos.clear();
+  }
+}
+const pt = (r) => {
+  const t = [], e = (a) => {
+    for (const n of a)
+      n.kind === "image" && n.media && n.media.playback && n.media.src ? t.push(n) : n.kind === "group" && e(n.children);
+  };
+  return e(r), t;
+};
+async function Qt(r, t) {
+  const e = await fetch(r, { signal: t });
+  if (!e.ok) throw new Error(`音频媒体读取失败：HTTP ${e.status}`);
+  const a = await e.arrayBuffer(), n = globalThis.OfflineAudioContext;
+  if (!n) throw new Error("当前浏览器不支持音频解码（OfflineAudioContext 缺失）");
+  const o = await new n(1, 1, 48e3).decodeAudioData(a), s = new Float32Array(o.length * o.numberOfChannels);
+  for (let c = 0; c < o.numberOfChannels; c++)
+    s.set(o.getChannelData(c), c * o.length);
+  return { samples: s, sampleRate: o.sampleRate, channels: Math.min(2, o.numberOfChannels) };
+}
+async function Zt(r, t, e, a, n) {
+  const o = { codec: "opus", sampleRate: e, numberOfChannels: a, bitrate: 96e3 };
+  if (typeof AudioEncoder > "u" || typeof AudioData > "u" || !(await AudioEncoder.isConfigSupported(o)).supported) throw new Error("当前浏览器不支持 Opus 音频编码");
+  let s;
+  const c = new AudioEncoder({ output: (f) => {
+    try {
+      const u = new Uint8Array(f.byteLength);
+      f.copyTo(u), r.addAudio(u, Math.round(f.timestamp / 1e3));
+    } catch (u) {
+      s = u;
+    }
+  }, error: (f) => {
+    s = f;
+  } }), l = () => {
+    c.state !== "closed" && c.close();
+  };
+  n == null || n.addEventListener("abort", l, { once: !0 });
+  try {
+    c.configure(o);
+    const f = Math.round(e * 0.02);
+    for (let u = 0; u * a < t.length; u += f) {
+      if (n != null && n.aborted) throw new DOMException("视频导出已取消", "AbortError");
+      if (s) throw s;
+      const i = Math.min(f, Math.floor(t.length / a) - u);
+      if (i <= 0) break;
+      const h = new AudioData({
+        format: "f32",
+        sampleRate: e,
+        numberOfFrames: i,
+        numberOfChannels: a,
+        timestamp: Math.round(u / e * 1e6),
+        data: new Float32Array(t.subarray(u * a, (u + i) * a))
+      });
+      try {
+        c.encode(h);
+      } finally {
+        h.close();
+      }
+      c.encodeQueueSize >= 16 && await new Promise((d) => {
+        const w = () => {
+          (c.encodeQueueSize < 16 || s) && (c.removeEventListener("dequeue", w), d());
+        };
+        c.addEventListener("dequeue", w), w();
+      });
+    }
+    if (await c.flush(), s) throw s;
+  } finally {
+    n == null || n.removeEventListener("abort", l), l();
+  }
+}
+async function te(r, t = {}) {
+  var m, R, N;
+  const e = Dt(r, t), a = () => {
+    var p;
+    if ((p = t.signal) != null && p.aborted) throw new DOMException("视频导出已取消", "AbortError");
+  };
+  if (a(), typeof VideoEncoder > "u" || typeof VideoFrame > "u" || typeof document > "u") throw new Error("当前浏览器不支持 WebCodecs 视频编码，请使用支持的 HTTPS 或本机浏览器");
+  const n = (p) => p.some((b) => b.kind === "image" && !!b.media || b.kind === "group" && n(b.children));
+  if (!t.mediaPosters && e.pages.some((p) => n(p.slide.elements))) throw new Error("文稿含内嵌音视频，导出时可能以静态封面呈现（含 audio / videoOverlay 未覆盖或失败的媒体）；请设置 mediaPosters: true 显式允许");
+  let o, s = "VP9";
+  for (const p of ["vp09.00.10.08", "vp8"]) {
+    const b = { codec: p, width: e.width, height: e.height, framerate: e.fps, bitrate: e.bitrate, latencyMode: "realtime" };
+    if ((await VideoEncoder.isConfigSupported(b)).supported) {
+      o = b, s = p === "vp8" ? "VP8" : "VP9";
+      break;
+    }
+  }
+  if (!o) throw new Error("当前浏览器没有支持此尺寸的 VP8/VP9 视频编码器");
+  a();
+  const c = !!t.audio && e.pages.some((p) => pt(p.slide.elements).length > 0), l = new Bt(e.width, e.height, e.fps, s, c ? { sampleRate: 48e3, channels: 2 } : void 0);
+  let f, u = 0;
+  const i = new VideoEncoder({
+    output: (p) => {
+      try {
+        const b = new Uint8Array(p.byteLength);
+        p.copyTo(b), l.addFrame(b, p.timestamp, p.duration ?? Math.round(1e6 / e.fps), p.type === "key");
+      } catch (b) {
+        f = b;
+      }
+    },
+    error: (p) => {
+      f = p;
+    }
+  }), h = document.createElement("canvas");
+  h.width = e.width, h.height = e.height;
+  const d = h.getContext("2d");
+  if (!d)
+    throw i.close(), new Error("无法获取视频画布");
+  const w = new Vt(r, !!t.showComments), v = t.videoOverlay ? new Kt(t.onWarning) : null, E = () => {
+    i.state !== "closed" && i.close();
+  };
+  (m = t.signal) == null || m.addEventListener("abort", E, { once: !0 });
+  const A = () => {
+    if (a(), f) throw f;
+  }, I = async () => {
+    i.encodeQueueSize < 8 || (await new Promise((p, b) => {
+      var T;
+      const P = () => {
+        var F;
+        clearTimeout(W), i.removeEventListener("dequeue", y), (F = t.signal) == null || F.removeEventListener("abort", Y);
+      }, y = () => {
+        (i.encodeQueueSize < 8 || f) && (P(), p());
+      }, Y = () => {
+        P(), b(new DOMException("视频导出已取消", "AbortError"));
+      }, W = setTimeout(() => {
+        P(), b(new Error("视频编码器等待超时"));
+      }, 3e4);
+      i.addEventListener("dequeue", y), (T = t.signal) == null || T.addEventListener("abort", Y, { once: !0 }), y();
+    }), A());
+  }, g = async (p, b, P = [], y) => {
+    var W;
+    const Y = e.frames(p);
+    for (let T = 0; T < Y; T++) {
+      A();
+      for (const L of P) L.currentTime = p * T / Y;
+      await w.draw(d, e.width, e.height), A(), v && await v.draw(d, b, (y ?? 0) + p * T / Y, e.width / r.width, e.height / r.height), await I();
+      const F = Math.round(u * 1e6 / e.fps), O = Math.round((u + 1) * 1e6 / e.fps), S = new VideoFrame(h, { timestamp: F, duration: O - F });
+      try {
+        i.encode(S, { keyFrame: u % (e.fps * 2) === 0 });
+      } finally {
+        S.close();
+      }
+      u++, (W = t.onProgress) == null || W.call(t, { completed: u, total: e.total, slideNumber: b });
+    }
+    w.settle(P), await Promise.resolve();
+  };
+  try {
+    const p = [];
+    i.configure(o);
+    let b, P = 0;
+    for (const y of e.pages) {
+      A();
+      const Y = y.groups.length ? kt(y.groups, 0) : xt(y.slide), W = b && y.transition ? y.transition : 0, T = await w.page(y.slide, [...Y]);
+      A();
+      const F = [];
+      {
+        let S = P + W;
+        for (const L of y.groups)
+          F.push(S), S += (y.click ?? 0) + _(L);
+      }
+      v && await v.load(r, y.slide, y.slideNumber, F);
+      let O = P;
+      if (W && (await g(y.transition, y.slideNumber, w.transition(b, T, y.slide), O), O += W), b == null || b.remove(), t.audio)
+        for (const S of pt(y.slide.elements)) {
+          const L = S.media.playback, it = F.length ? F[Math.min(L.clickGroup, F.length - 1)] : P + W;
+          let B;
+          try {
+            B = await Qt(S.media.src, t.signal);
+          } catch (j) {
+            if (!(j instanceof DOMException && j.name === "AbortError") && S.media.kind === "video") {
+              (R = t.onWarning) == null || R.call(t, "video-audio-decode-failed", { slideNumber: y.slideNumber, elementName: S.name ?? "" });
+              continue;
+            }
+            throw j;
+          }
+          A(), p.push({
+            samples: B.samples,
+            sampleRate: B.sampleRate,
+            channels: B.channels,
+            startMs: it,
+            loop: L.loop,
+            volume: L.volume,
+            endMs: L.loop ? void 0 : it + B.samples.length / B.channels / B.sampleRate * 1e3
+          });
+        }
+      for (const S of y.groups)
+        y.click && (await g(y.click, y.slideNumber, void 0, O), O += y.click), await g(_(S), y.slideNumber, w.group(T, S), O), O += _(S);
+      await g(y.hold, y.slideNumber, void 0, O), O += y.hold, P = O, b = T;
+    }
+    if (await i.flush(), A(), t.audio && p.length) {
+      const y = Math.round(u / e.fps * 1e3), Y = qt(p, y, { sampleRate: 48e3, channels: 2 });
+      await Zt(l, Y, 48e3, 2, t.signal);
+    }
+    return l.finish();
+  } finally {
+    (N = t.signal) == null || N.removeEventListener("abort", E), E(), v == null || v.dispose(), w.dispose(), h.width = h.height = 0;
+  }
+}
+export {
+  te as presentationToVideo,
+  Dt as videoPlan
+};