zhihao-ui 1.3.70-alpha.3 → 1.3.71

package/dist/es/{VideoPlayer-bzT-G97L.js → VideoPlayer-BxefzrEj.js}

@@ -1,11 +1,11 @@
-var TA = Object.defineProperty;
-var XA = (a, A, I) => A in a ? TA(a, A, { enumerable: !0, configurable: !0, writable: !0, value: I }) : a[A] = I;
-var s = (a, A, I) => XA(a, typeof A != "symbol" ? A + "" : A, I);
-import { defineComponent as QA, ref as G, computed as u, onMounted as sA, onUnmounted as NA, openBlock as W, createElementBlock as Z, withModifiers as jA, normalizeClass as zA, createElementVNode as AA, createBlock as lA, unref as eA, createCommentVNode as qA, watch as tA, normalizeStyle as _A, resolveComponent as $A, withDirectives as AI, createVNode as BA, vShow as II, nextTick as gI, mergeProps as SA } from "vue";
-import { ax as X, ay as fA, J as V, az as L, h as j } from "./vendor-Cpx5CWBZ.js";
-import { Z as LA } from "./Loading-Chcac1F0.js";
+var XA = Object.defineProperty;
+var jA = (a, A, I) => A in a ? XA(a, A, { enumerable: !0, configurable: !0, writable: !0, value: I }) : a[A] = I;
+var s = (a, A, I) => jA(a, typeof A != "symbol" ? A + "" : A, I);
+import { defineComponent as QA, ref as G, computed as u, onMounted as sA, onUnmounted as lA, openBlock as W, createElementBlock as Z, withModifiers as zA, normalizeClass as _A, createElementVNode as AA, createBlock as qA, unref as eA, createCommentVNode as fA, watch as tA, normalizeStyle as $A, resolveComponent as AI, withDirectives as II, createVNode as BA, vShow as gI, nextTick as SA, mergeProps as nA } from "vue";
+import { ax as X, ay as LA, J as V, az as L, h as j } from "./vendor-Cpx5CWBZ.js";
+import { Z as HA } from "./Loading-Chcac1F0.js";
 import { _ as CA } from "./Button-jyzZM0Az.js";
-import { a as H, L as IA, b as z, c as nA, e as yA } from "./DatePicker-C9Mbrb-D.js";
+import { a as H, L as IA, b as z, c as yA, e as RA } from "./DatePicker-C9Mbrb-D.js";
 import { w as BI } from "./utils-CGROVgQL.js";
 class v {
   constructor(A) {
@@ -120,8 +120,8 @@ class v {
     return this.paused || !!((I = (A = this.player) == null ? void 0 : A.isPause) != null && I.call(A));
   }
 }
-const HA = new Uint8Array([0, 0, 0, 1]);
-function RA(a, A) {
+const pA = new Uint8Array([0, 0, 0, 1]);
+function kA(a, A) {
   return a[A] << 16 | a[A + 1] << 8 | a[A + 2];
 }
 function aA(a, A) {
@@ -136,7 +136,7 @@ function gA(a) {
     I.set(i, g), g += i.byteLength;
   return I;
 }
-function kA(a) {
+function UA(a) {
   if (!a || a.byteLength < 23) return null;
   const A = a, g = (A[21] & 3) + 1, i = A[22];
   let C = 23;
@@ -147,8 +147,8 @@ function kA(a) {
     for (let r = 0; r < o && !(C + 2 > A.byteLength); r++) {
       const S = A[C] << 8 | A[C + 1];
       if (C += 2, C + S > A.byteLength) break;
-      const y = A.subarray(C, C + S);
-      C += S, (D === 32 || D === 33 || D === 34) && e.push(gA([HA, y]));
+      const n = A.subarray(C, C + S);
+      C += S, (D === 32 || D === 33 || D === 34) && e.push(gA([pA, n]));
     }
   }
   return { lengthSize: g, paramSetsAnnexB: e };
@@ -214,7 +214,7 @@ class QI {
       A = g + 4, this.headerParsed = !0, this.stats.flvHeader = !0;
     }
     for (; !(A + 11 > I.byteLength); ) {
-      const g = I[A], i = RA(I, A + 1), C = RA(I, A + 4) + (I[A + 7] << 24), e = 11 + i + 4;
+      const g = I[A], i = kA(I, A + 1), C = kA(I, A + 4) + (I[A + 7] << 24), e = 11 + i + 4;
       if (A + e > I.byteLength) break;
       if (this.stats.tagsTotal++, this.stats.lastTagType = g, g === 9 && i > 1) {
         this.stats.tagsVideo++;
@@ -241,7 +241,7 @@ class QI {
     this.stats.hevcVideoTags++, this.stats.lastTimestamp = I;
     const C = A.subarray(5);
     if (i === 0) {
-      const E = kA(C);
+      const E = UA(C);
       E && (this.lengthSize = E.lengthSize, this.paramSetsAnnexB = E.paramSetsAnnexB, this.stats.seqHeaders++), (e = this.onStats) == null || e.call(this, { ...this.stats, bufBytes: this.buf.byteLength });
       return;
     }
@@ -257,7 +257,7 @@ class QI {
     this.stats.lastVideoPacketType = i, this.stats.hevcVideoTags++, this.stats.lastTimestamp = I;
     const C = A.subarray(5);
     if (i === 0) {
-      const E = kA(C);
+      const E = UA(C);
       E && (this.lengthSize = E.lengthSize, this.paramSetsAnnexB = E.paramSetsAnnexB, this.stats.seqHeaders++), (e = this.onStats) == null || e.call(this, { ...this.stats, bufBytes: this.buf.byteLength });
       return;
     }
@@ -285,7 +285,7 @@ class QI {
       let o = 0;
       if (e === 1 ? o = A[C] : e === 2 ? o = A[C] << 8 | A[C + 1] : e === 3 ? o = A[C] << 16 | A[C + 1] << 8 | A[C + 2] : o = aA(A, C), C += e, o <= 0 || C + o > A.byteLength) break;
       const r = A.subarray(C, C + o);
-      C += o, i.push(HA, r);
+      C += o, i.push(pA, r);
     }
     if (i.length) {
       this.stats.hevcFrames++, this.stats.pushedToDecoder++, (D = this.onStats) == null || D.call(this, { ...this.stats, bufBytes: this.buf.byteLength });
@@ -473,19 +473,19 @@ class b {
   }
 }
 let _ = null, $ = null;
-function UA() {
+function MA() {
   return v.isAvailable() ? Promise.resolve() : _ || (_ = (async () => {
-    if (await (await import("./videoPlayerEasyPlayer-DNxlqu99.js")).injectEasyPlayer(), !v.isAvailable())
+    if (await (await import("./videoPlayerEasyPlayer-HOFMYxEB.js")).injectEasyPlayer(), !v.isAvailable())
       throw new Error("EasyPlayer 注入后仍不可用");
   })(), _);
 }
-function MA() {
+function NA() {
   return b.isAvailable() ? Promise.resolve() : $ || ($ = (async () => {
-    if ((await import("./videoPlayerLibde265-BGKki7_9.js")).injectLibde265(), !b.isAvailable())
+    if ((await import("./videoPlayerLibde265-sfC5j0Ie.js")).injectLibde265(), !b.isAvailable())
       throw new Error("libde265 注入后仍不可用");
   })(), $);
 }
-var pA = /* @__PURE__ */ ((a) => (a.ERROR = "error", a.LOADING_COMPLETE = "loading_complete", a.RECOVERED_EARLY_EOF = "recovered_early_eof", a.MEDIA_INFO = "media_info", a.METADATA_ARRIVED = "metadata_arrived", a.SCRIPTDATA_ARRIVED = "scriptdata_arrived", a.STATISTICS_INFO = "statistics_info", a))(pA || {}), KA = /* @__PURE__ */ ((a) => (a.NETWORK_ERROR = "NetworkError", a.MEDIA_ERROR = "MediaError", a.OTHER_ERROR = "OtherError", a))(KA || {});
+var KA = /* @__PURE__ */ ((a) => (a.ERROR = "error", a.LOADING_COMPLETE = "loading_complete", a.RECOVERED_EARLY_EOF = "recovered_early_eof", a.MEDIA_INFO = "media_info", a.METADATA_ARRIVED = "metadata_arrived", a.SCRIPTDATA_ARRIVED = "scriptdata_arrived", a.STATISTICS_INFO = "statistics_info", a))(KA || {}), JA = /* @__PURE__ */ ((a) => (a.NETWORK_ERROR = "NetworkError", a.MEDIA_ERROR = "MediaError", a.OTHER_ERROR = "OtherError", a))(JA || {});
 class CI {
   constructor(A, I = {}) {
     s(this, "config");
@@ -596,7 +596,7 @@ class CI {
    */
   async switchToSoftDecode() {
     if (!this.useSoftDecode) {
-      if (this.config.isLive ? await UA() : await MA(), !this.config.isLive && !b.isAvailable()) {
+      if (this.config.isLive ? await MA() : await NA(), !this.config.isLive && !b.isAvailable()) {
         this.emit("error", "OtherError", new Error("libde265 软解库加载失败"));
         return;
       }
@@ -618,11 +618,11 @@ class CI {
   async load() {
     if (!this.useSoftDecode) {
       if (!this.checkHardwareSupport()) {
-        this.config.isLive ? (await UA(), v.isAvailable() ? (this.useSoftDecode = !0, this.initSoftwareDecoder()) : this.emit(
+        this.config.isLive ? (await MA(), v.isAvailable() ? (this.useSoftDecode = !0, this.initSoftwareDecoder()) : this.emit(
           "error",
           "OtherError",
           new Error("浏览器不支持硬解码，且 EasyPlayer 软解库未加载")
-        )) : (await MA(), b.isAvailable() ? (this.useSoftDecode = !0, this.initSoftwareDecoder()) : this.emit(
+        )) : (await NA(), b.isAvailable() ? (this.useSoftDecode = !0, this.initSoftwareDecoder()) : this.emit(
           "error",
           "OtherError",
           new Error("浏览器不支持硬解码，且 libde265 软解库未加载")
@@ -668,10 +668,10 @@ class CI {
     return this.useSoftDecode;
   }
 }
-function JA(a, A) {
+function YA(a, A) {
   return new CI(a, A);
 }
-const YA = pA, O = KA, EI = /* @__PURE__ */ QA({
+const mA = KA, O = JA, EI = /* @__PURE__ */ QA({
   __name: "live",
   props: {
     getLiveUrl: { type: Function },
@@ -685,13 +685,13 @@ const YA = pA, O = KA, EI = /* @__PURE__ */ QA({
         return !1;
       const U = new URL(D.value).searchParams;
       return U.get("audio") ? !!Number(U.get("audio")) : !0;
-    }), y = async (U) => {
+    }), n = async (U) => {
       {
         const w = await e.getLiveUrl();
         D.value = w.playUrl, o.value = w.streamId;
       }
       const M = document.getElementById("live-player");
-      I = JA(
+      I = YA(
         {
           type: "flv",
           isLive: !0,
@@ -710,8 +710,8 @@ const YA = pA, O = KA, EI = /* @__PURE__ */ QA({
       const t = () => {
         try {
           const w = I == null ? void 0 : I.play();
-          w !== void 0 && w instanceof Promise && w.catch((n) => {
-            console.warn("自动播放失败:", n);
+          w !== void 0 && w instanceof Promise && w.catch((y) => {
+            console.warn("自动播放失败:", y);
           }).finally(() => {
             r.value = !1;
           });
@@ -721,9 +721,9 @@ const YA = pA, O = KA, EI = /* @__PURE__ */ QA({
       };
       setTimeout(() => {
         t();
-      }), I.on(YA.ERROR, p);
+      }), I.on(mA.ERROR, p);
     }, N = () => {
-      g = new fA("#live-player", {
+      g = new LA("#live-player", {
         autoplay: !0,
         muted: !0,
         controls: ["play-large", "play", "fullscreen", "mute"],
@@ -733,7 +733,7 @@ const YA = pA, O = KA, EI = /* @__PURE__ */ QA({
       }), g.on("exitfullscreen", () => {
         E.value = void 0, C("fullscreenChange", !1, E.value);
       });
-    }, R = () => {
+    }, k = () => {
       I == null || I.unload(), I == null || I.destroy(), I = null, o.value && (e.stopLivePlay(o.value), o.value = "");
     }, p = (U) => {
       switch (String(U)) {
@@ -745,7 +745,7 @@ const YA = pA, O = KA, EI = /* @__PURE__ */ QA({
           break;
         case O.MEDIA_ERROR:
           I && !i && (i = !0, setTimeout(async () => {
-            I == null || I.unload(), I == null || I.destroy(), I = null, await y(), console.error("播放错误，重新播放"), i = !1;
+            I == null || I.unload(), I == null || I.destroy(), I = null, await n(), console.error("播放错误，重新播放"), i = !1;
           }, 2e3));
           break;
         case O.OTHER_ERROR:
@@ -757,24 +757,24 @@ const YA = pA, O = KA, EI = /* @__PURE__ */ QA({
       }
     };
     return sA(() => {
-      y(), N();
-    }), NA(() => {
-      R(), g == null || g.destroy();
+      n(), N();
+    }), lA(() => {
+      k(), g == null || g.destroy();
     }), (U, M) => (W(), Z("div", {
-      class: zA(["live-player-container", { "live-player-container__loading": r.value }]),
+      class: _A(["live-player-container", { "live-player-container__loading": r.value }]),
       id: "live-player-container",
       ref: "playerContainerRef",
-      onDblclickCapture: jA(() => {
+      onDblclickCapture: zA(() => {
       }, ["stop", "prevent"])
     }, [
       M[0] || (M[0] = AA("video", {
         id: "live-player",
         class: "live-player"
       }, null, -1)),
-      r.value ? (W(), lA(eA(LA), {
+      r.value ? (W(), qA(eA(HA), {
         key: 0,
         class: "zh-loading"
-      })) : qA("", !0)
+      })) : fA("", !0)
     ], 34));
   }
 }), iI = /* @__PURE__ */ CA(EI, [["__scopeId", "data-v-bdbeab14"]]), oI = ["height"], aI = /* @__PURE__ */ QA({
@@ -826,8 +826,8 @@ const YA = pA, O = KA, EI = /* @__PURE__ */ QA({
   },
   emits: ["click", "change"],
   setup(a, { expose: A, emit: I }) {
-    const g = a, i = I, C = G(null), e = G(1), E = G(24), D = G(1e3), o = G(""), r = G(!1), S = G(""), y = G(""), N = G(!1), R = G(!1), p = G(0), U = G(!1), M = G(0);
-    let t = null, w = null, n = null;
+    const g = a, i = I, C = G(null), e = G(1), E = G(24), D = G(1e3), o = G(""), r = G(!1), S = G(""), n = G(""), N = G(!1), k = G(!1), p = G(0), U = G(!1), M = G(0);
+    let t = null, w = null, y = null;
     const J = u(() => new Date(o.value).getTime() - l.value * D.value / 2 * 1e3), l = u(() => {
       let B = E.value * 60 * 60 / D.value;
       return B > g.minPxSecond && (B = g.minPxSecond), B;
@@ -841,35 +841,35 @@ const YA = pA, O = KA, EI = /* @__PURE__ */ QA({
       startMeddleTime: g.startMeddleTime,
       markTime: g.markTime,
       timeRange: g.timeRange
-    })), c = () => {
-      var h;
+    })), h = () => {
+      var c;
       if (!C.value || (w = C.value, t = w.getContext("2d"), !t)) return;
-      let B = g.width, Q = ((h = w.parentElement) == null ? void 0 : h.clientWidth) || 0;
+      let B = g.width, Q = ((c = w.parentElement) == null ? void 0 : c.clientWidth) || 0;
       /^(\d|[1-9]\d|100)%$/.test(String(g.width)) && (B = Math.floor(Number(String(g.width).replace("%", "")) / 100 * Q)), e.value = window.devicePixelRatio, w.style.width = `${B}px`, w.style.height = `${g.height}px`, w.width = Math.round(Number(B) * e.value), w.height = Math.round(Number(g.height) * e.value), t.scale(e.value, e.value), D.value = w.width / e.value, m();
-    }, k = () => {
+    }, R = () => {
       var B;
       w && w.style.width === ((B = w.parentElement) == null ? void 0 : B.clientWidth) + "px" ? setTimeout(() => {
-        k();
-      }, 10) : c();
+        R();
+      }, 10) : h();
     }, K = () => {
-      U.value && (U.value = !1, i("change", o.value, "stop")), n && clearInterval(n);
+      U.value && (U.value = !1, i("change", o.value, "stop")), y && clearInterval(y);
     }, f = (B) => {
-      U.value = !0, n && clearInterval(n), B && (o.value = B), n = window.setInterval(() => {
+      U.value = !0, y && clearInterval(y), B && (o.value = B), y = window.setInterval(() => {
         o.value = L(o.value).add(1, "s").format("YYYY-MM-DD HH:mm:ss");
         const Q = q.value;
-        let h = Q[1] && new Date(o.value).getTime() >= new Date(Q[1]).getTime() ? "end" : "play";
-        i("change", o.value, h);
+        let c = Q[1] && new Date(o.value).getTime() >= new Date(Q[1]).getTime() ? "end" : "play";
+        i("change", o.value, c);
         try {
           m();
         } catch (F) {
-          console.log(F), n && clearInterval(n);
+          console.log(F), y && clearInterval(y);
         }
-        (!U.value || h == "end") && n && clearInterval(n);
+        (!U.value || c == "end") && y && clearInterval(y);
       }, 1e3);
     }, T = (B) => {
       let Q = B.touches;
-      const h = Q[0].pageX, F = Q[0].pageY, d = {
-        offsetX: h,
+      const c = Q[0].pageX, F = Q[0].pageY, d = {
+        offsetX: c,
         offsetY: F,
         preventDefault: () => B.preventDefault()
       };
@@ -879,7 +879,7 @@ const YA = pA, O = KA, EI = /* @__PURE__ */ QA({
         if (!M.value)
           M.value = Y;
         else if (Y - M.value > 100) {
-          let x = FA({ x: h, y: F }, { x: Q[1].pageX, y: Q[1].pageY });
+          let x = FA({ x: c, y: F }, { x: Q[1].pageX, y: Q[1].pageY });
           const oA = {
             ...d,
             wheelDelta: x > p.value ? 1 : -1,
@@ -889,55 +889,55 @@ const YA = pA, O = KA, EI = /* @__PURE__ */ QA({
         }
       } else
         DA(d);
-    }, mA = (B) => {
+    }, uA = (B) => {
       let Q = B.changedTouches;
-      const h = Q[0].pageX;
+      const c = Q[0].pageX;
       Q[0].pageY, iA({
-        offsetX: h
+        offsetX: c
       });
-    }, uA = (B) => {
+    }, bA = (B) => {
       let Q = B.touches;
-      const h = Q[0].pageX, F = Q[0].pageY, d = {
-        offsetX: h
+      const c = Q[0].pageX, F = Q[0].pageY, d = {
+        offsetX: c
       };
-      Q.length >= 2 && (B.preventDefault(), p.value = FA({ x: h, y: F }, { x: Q[1].pageX, y: Q[1].pageX })), wA(d);
-    }, bA = (B) => {
+      Q.length >= 2 && (B.preventDefault(), p.value = FA({ x: c, y: F }, { x: Q[1].pageX, y: Q[1].pageX })), wA(d);
+    }, xA = (B) => {
       m(), r.value ? iA(B) : r.value = !1;
     }, DA = (B) => {
-      m(), R.value || hA(B), r.value && (xA(B), N.value = !0);
+      m(), k.value || hA(B), r.value && (WA(B), N.value = !0);
     }, rA = (B) => {
       B.preventDefault(), B.wheelDelta && B.wheelDelta > 0 ? (E.value -= 4, E.value < 1 && (E.value = 1)) : E.value < 4 ? E.value = 4 : (E.value += 4, E.value > 24 && (E.value = 24)), m();
     }, wA = (B) => {
-      r.value = !0, S.value = String(B.offsetX), y.value = o.value, N.value = !1;
+      r.value = !0, S.value = String(B.offsetX), n.value = o.value, N.value = !1;
     }, iA = (B) => {
       if (r.value = !1, !N.value) {
         let Q = (B.offsetX || 0) * l.value * 1e3 + J.value;
-        Q = dA(Q), o.value = L(Q).format("YYYY-MM-DD HH:mm:ss"), m(), R.value || hA(B);
+        Q = dA(Q), o.value = L(Q).format("YYYY-MM-DD HH:mm:ss"), m(), k.value || hA(B);
       }
       i("change", o.value, "start"), i("click", o.value), g.isAutoPlay && f();
-    }, xA = (B) => {
+    }, WA = (B) => {
       K();
-      let Q = Number(S.value) - (B.offsetX || 0), h = new Date(y.value).getTime() + Q * l.value * 1e3;
-      h = dA(h), o.value = L(h).format("YYYY-MM-DD HH:mm:ss");
+      let Q = Number(S.value) - (B.offsetX || 0), c = new Date(n.value).getTime() + Q * l.value * 1e3;
+      c = dA(c), o.value = L(c).format("YYYY-MM-DD HH:mm:ss");
     }, m = () => {
-      !w || !t || (t.clearRect(0, 0, w.width, w.height), t.setTransform(1, 0, 0, 1, 0, 0), t.scale(e.value, e.value), PA(), vA(), WA(o.value));
+      !w || !t || (t.clearRect(0, 0, w.width, w.height), t.setTransform(1, 0, 0, 1, 0, 0), t.scale(e.value, e.value), VA(), OA(), vA(o.value));
     }, hA = (B) => {
       var d;
       if (!t) return;
       let Q = (B.offsetX || 0) * l.value * 1e3 + J.value;
-      const h = q.value;
-      if (h[0] && Q < new Date(h[0]).getTime() || h[1] && Q > new Date(h[1]).getTime())
+      const c = q.value;
+      if (c[0] && Q < new Date(c[0]).getTime() || c[1] && Q > new Date(c[1]).getTime())
         return;
       t.beginPath(), t.moveTo((B.offsetX || 0) - 1, 0), t.lineTo((B.offsetX || 0) - 1, 45), t.strokeStyle = g.colors.moveLine, t.lineWidth = 1, t.stroke(), t.fillStyle = g.colors.moveDate;
-      let F = (d = VA(Q)) == null ? void 0 : d.text;
+      let F = (d = ZA(Q)) == null ? void 0 : d.text;
       F = F ? ` (${F})` : "", t.font = "12px serif", t.fillText(L(Q).format("YYYY-MM-DD HH:mm:ss") + F, (B.offsetX || 0) - 50, 55);
-    }, WA = (B) => {
+    }, vA = (B) => {
       t && (t.beginPath(), t.moveTo(D.value / 2, 0), t.lineTo(D.value / 2, 30), t.strokeStyle = g.colors.meddleLine, t.lineWidth = 1, t.stroke(), t.fillStyle = g.colors.meddleLine, t.font = "12px serif", t.fillText(B, D.value / 2 - 50, 40));
-    }, vA = () => {
+    }, OA = () => {
       if (!t) return;
-      let Q = (new Date(OA()).getTime() - J.value) / 1e3 / l.value, h = P.value * 60 / l.value;
+      let Q = (new Date(PA()).getTime() - J.value) / 1e3 / l.value, c = P.value * 60 / l.value;
       const F = q.value;
-      for (let d = Q; d <= D.value; d += h) {
+      for (let d = Q; d <= D.value; d += c) {
         let Y = J.value + d * l.value * 1e3;
         if (F[0] && Y < new Date(F[0]).getTime() || F[1] && Y > new Date(F[1]).getTime())
           continue;
@@ -953,7 +953,7 @@ const YA = pA, O = KA, EI = /* @__PURE__ */ QA({
       Q[0] && Q[1] && (B = L((new Date(Q[0]).getTime() + new Date(Q[1]).getTime()) / 2).format(
         "YYYY-MM-DD HH:mm:ss"
       )), o.value = g.startMeddleTime || B || L(/* @__PURE__ */ new Date()).format("YYYY-MM-DD HH:mm:ss");
-    }, OA = () => {
+    }, PA = () => {
       const B = L(J.value), Q = P.value - B.minute() % P.value;
       return B.add(Q, "minutes").format("YYYY-MM-DD HH:mm");
     }, GA = (B) => E.value >= 16 ? [
@@ -993,47 +993,48 @@ const YA = pA, O = KA, EI = /* @__PURE__ */ QA({
       "20:00",
       "21:00",
       "22:00"
-    ].includes(B) : E.value >= 4 ? ["00", "20", "40"].find((Q) => B.endsWith(Q)) : ["00", "10", "20", "30", "40", "50"].find((Q) => B.endsWith(Q)), PA = () => {
+    ].includes(B) : E.value >= 4 ? ["00", "20", "40"].find((Q) => B.endsWith(Q)) : ["00", "10", "20", "30", "40", "50"].find((Q) => B.endsWith(Q)), VA = () => {
       if (!t) return;
       t.fillStyle = g.colors.scaleBar, t.fillRect(0, 0, D.value, 20);
       const B = q.value;
       g.markTime.forEach((Q) => {
         if (B[0] && new Date(Q.endTime).getTime() < new Date(B[0]).getTime() || B[1] && new Date(Q.beginTime).getTime() > new Date(B[1]).getTime() || !t) return;
         t.fillStyle = Q.bgColor;
-        let h = B[0] && new Date(Q.beginTime).getTime() < new Date(B[0]).getTime() ? B[0] : Q.beginTime, F = B[1] && new Date(Q.endTime).getTime() > new Date(B[1]).getTime() ? B[1] : Q.endTime, d = (new Date(h).getTime() - J.value) / 1e3 / l.value, Y = (new Date(F).getTime() - J.value) / 1e3 / l.value;
+        let c = B[0] && new Date(Q.beginTime).getTime() < new Date(B[0]).getTime() ? B[0] : Q.beginTime, F = B[1] && new Date(Q.endTime).getTime() > new Date(B[1]).getTime() ? B[1] : Q.endTime, d = (new Date(c).getTime() - J.value) / 1e3 / l.value, Y = (new Date(F).getTime() - J.value) / 1e3 / l.value;
         t.fillRect(d, 0, Y - d, 20);
       });
     }, FA = (B, Q) => {
-      const h = B.x - Q.x, F = B.y - Q.y;
-      return Math.hypot(h, F);
+      const c = B.x - Q.x, F = B.y - Q.y;
+      return Math.hypot(c, F);
     }, dA = (B) => {
       const Q = q.value;
       return Q[0] && B < new Date(Q[0]).getTime() ? new Date(Q[0]).getTime() : Q[1] && B > new Date(Q[1]).getTime() ? new Date(Q[1]).getTime() : B;
-    }, VA = (B) => g.markTime.find(
+    }, ZA = (B) => g.markTime.find(
       (Q) => new Date(Q.beginTime).getTime() < new Date(B).getTime() && new Date(B).getTime() < new Date(Q.endTime).getTime()
-    ), ZA = (B) => {
+    ), TA = (B) => {
       o.value = H(B, IA), m();
     };
     return sA(() => {
-      C.value && (w = C.value, R.value = /Mobi/i.test(navigator.userAgent), R.value || (w.addEventListener("mousewheel", rA), w.addEventListener("mousemove", DA), w.addEventListener("mousedown", wA), w.addEventListener("mouseup", iA), w.addEventListener("mouseleave", bA)), window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", k), cA(), t = w.getContext("2d"), c(), g.isAutoPlay && f());
+      C.value && (w = C.value, k.value = /Mobi/i.test(navigator.userAgent), k.value || (w.addEventListener("mousewheel", rA), w.addEventListener("mousemove", DA), w.addEventListener("mousedown", wA), w.addEventListener("mouseup", iA), w.addEventListener("mouseleave", xA)), window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", R), cA(), t = w.getContext("2d"), h(), g.isAutoPlay && f());
     }), tA(EA, () => {
       m();
     }), A({
       play: f,
       stop: K,
-      setMeddleTime: ZA
+      setMeddleTime: TA,
+      resize: R
     }), (B, Q) => (W(), Z("canvas", {
       onTouchmove: T,
-      onTouchend: mA,
-      onTouchstart: uA,
+      onTouchend: uA,
+      onTouchstart: bA,
       onselectstart: "return false;",
-      style: _A(`background-color: ${a.colors.background}; cursor: ${R.value ? "default" : "pointer"}`),
+      style: $A(`background-color: ${a.colors.background}; cursor: ${k.value ? "default" : "pointer"}`),
       height: a.height,
       ref_key: "canvasRef",
       ref: C
     }, null, 44, oI));
   }
-}), eI = /* @__PURE__ */ CA(aI, [["__scopeId", "data-v-8557b8f0"]]), tI = {
+}), eI = /* @__PURE__ */ CA(aI, [["__scopeId", "data-v-f35f6346"]]), tI = {
   id: "player-container",
   class: "player-container"
 }, sI = { class: "footer" }, DI = { class: "time-line-container" }, rI = /* @__PURE__ */ QA({
@@ -1049,35 +1050,35 @@ const YA = pA, O = KA, EI = /* @__PURE__ */ QA({
     const C = A, e = a, E = G(null), D = G(H(H(/* @__PURE__ */ new Date(), z), IA)), o = G(
       0
       /* Pending */
-    ), r = G(), S = G(), y = G(), N = G(!1), R = G(), p = G(!0), U = u(() => H(D.value, z)), M = u(() => {
+    ), r = G(), S = G(), n = G(), N = G(!1), k = G(), p = G(!0), U = u(() => H(D.value, z)), M = u(() => {
       if (!r.value)
         return !1;
-      const c = new URL(r.value).searchParams;
-      return c.get("audio") ? !!Number(c.get("audio")) : !0;
+      const h = new URL(r.value).searchParams;
+      return h.get("audio") ? !!Number(h.get("audio")) : !0;
     }), t = async () => {
-      const c = await e.getPlaybackUrl(
-        H(D.value, nA),
-        H(D.value, yA)
+      const h = await e.getPlaybackUrl(
+        H(D.value, yA),
+        H(D.value, RA)
       );
-      return r.value = c.playUrl, S.value = c.streamId, r.value;
-    }, w = (c) => {
+      return r.value = h.playUrl, S.value = h.streamId, r.value;
+    }, w = (h) => {
       var K, f;
-      if (j(/* @__PURE__ */ new Date()).isBefore(j(c))) {
-        (K = y.value) == null || K.setMeddleTime(D.value), (f = y.value) == null || f.play(), V.warning({
+      if (j(/* @__PURE__ */ new Date()).isBefore(j(h))) {
+        (K = n.value) == null || K.setMeddleTime(D.value), (f = n.value) == null || f.play(), V.warning({
           message: "选择的时间不能晚于当前时间",
-          appendTo: R.value
+          appendTo: k.value
         });
         return;
       } else
-        D.value = H(c, IA);
-    }, n = async (c) => {
-      c || await t(), I = JA(
+        D.value = H(h, IA);
+    }, y = async (h) => {
+      h || await t(), I = YA(
         {
           type: "flv",
           isLive: !1,
           hasAudio: M.value,
           hasVideo: !0,
-          url: c ?? r.value
+          url: h ?? r.value
         },
         {
           enableWorker: !0,
@@ -1086,9 +1087,9 @@ const YA = pA, O = KA, EI = /* @__PURE__ */ QA({
           lazyLoadMaxDuration: 3 * 60,
           deferLoadAfterSourceOpen: !0
         }
-      ), I.attachMediaElement(E.value), await I.load(), await gI(), await I.play(), I == null || I.on(YA.ERROR, P);
+      ), I.attachMediaElement(E.value), await I.load(), await SA(), await I.play(), I == null || I.on(mA.ERROR, P);
     }, J = () => {
-      g = new fA("#playback-player", {
+      g = new LA("#playback-player", {
         autoplay: !0,
         muted: !0,
         controls: ["play", "fullscreen", "mute"],
@@ -1098,72 +1099,75 @@ const YA = pA, O = KA, EI = /* @__PURE__ */ QA({
       }), g.on("playing", () => {
         o.value = 1;
       }), g.on("enterfullscreen", () => {
-        N.value = !0, R.value = "#player-container", C("fullscreenChange", N.value, R.value);
+        N.value = !0, k.value = "#player-container", C("fullscreenChange", N.value, k.value), SA(() => {
+          var h;
+          (h = n.value) == null || h.resize();
+        });
       }), g.on("exitfullscreen", () => {
-        N.value = !1, R.value = void 0, C("fullscreenChange", N.value, R.value);
+        N.value = !1, k.value = void 0, C("fullscreenChange", N.value, k.value);
       });
     }, l = async () => {
       try {
         if (S.value) {
-          const c = await e.updatePlaybackUrl(
-            H(D.value, nA),
+          const h = await e.updatePlaybackUrl(
             H(D.value, yA),
+            H(D.value, RA),
             S.value
           );
-          c.playUrl && (r.value = void 0, S.value = void 0, await q(), r.value = c.playUrl, S.value = c.streamId, await n(r.value));
+          h.playUrl && (r.value = void 0, S.value = void 0, await q(), r.value = h.playUrl, S.value = h.streamId, await y(r.value));
         }
       } catch {
         o.value = 3;
       }
     }, q = async () => {
       I == null || I.unload(), I == null || I.destroy(), I = null, S.value && (await e.stopPlayback(S.value), S.value = "");
-    }, P = (c) => {
-      switch (o.value = 3, String(c)) {
+    }, P = (h) => {
+      switch (o.value = 3, String(h)) {
         case O.NETWORK_ERROR:
           V.error({
             message: "网络错误，请检查网络",
-            appendTo: R.value
+            appendTo: k.value
           });
           break;
         case O.MEDIA_ERROR:
           I && !i && (i = !0, setTimeout(async () => {
-            await q(), await n(), console.error("播放错误，重新播放"), i = !1;
+            await q(), await y(), console.error("播放错误，重新播放"), i = !1;
           }, 2e3));
           break;
         case O.OTHER_ERROR:
           V.error({
             message: "其他错误，请联系管理员解决",
-            appendTo: R.value
+            appendTo: k.value
           });
           break;
       }
-    }, EA = (c) => {
-      const k = /* @__PURE__ */ new Date();
-      return j(c).isAfter(j(k));
+    }, EA = (h) => {
+      const R = /* @__PURE__ */ new Date();
+      return j(h).isAfter(j(R));
     };
     return tA(
       () => o.value,
-      (c) => {
-        var k, K, f, T;
-        switch (c) {
+      (h) => {
+        var R, K, f, T;
+        switch (h) {
           case 1:
-            (k = y.value) == null || k.play(), p.value = !1;
+            (R = n.value) == null || R.play(), p.value = !1;
             break;
           case 2:
-            (K = y.value) == null || K.stop();
+            (K = n.value) == null || K.stop();
             break;
           case 4:
-            (f = y.value) == null || f.stop(), p.value = !0;
+            (f = n.value) == null || f.stop(), p.value = !0;
             break;
           case 3:
-            (T = y.value) == null || T.stop(), p.value = !1;
+            (T = n.value) == null || T.stop(), p.value = !1;
             break;
         }
       }
     ), tA(
       () => D.value,
-      async (c, k) => {
-        o.value = 4, H(c, z) !== H(k, z) ? (await q(), n().then(() => {
+      async (h, R) => {
+        o.value = 4, H(h, z) !== H(R, z) ? (await q(), y().then(() => {
           o.value = 1;
         })) : l().then(() => {
           setTimeout(() => {
@@ -1172,11 +1176,11 @@ const YA = pA, O = KA, EI = /* @__PURE__ */ QA({
         });
       }
     ), sA(async () => {
-      n(), J();
-    }), NA(() => {
+      y(), J();
+    }), lA(() => {
       q(), g == null || g.destroy();
-    }), (c, k) => {
-      const K = $A("el-date-picker");
+    }), (h, R) => {
+      const K = AI("el-date-picker");
       return W(), Z("div", tI, [
         AA("video", {
           class: "player",
@@ -1184,15 +1188,15 @@ const YA = pA, O = KA, EI = /* @__PURE__ */ QA({
           ref_key: "videoInstance",
           ref: E
         }, null, 512),
-        p.value ? (W(), lA(eA(LA), {
+        p.value ? (W(), qA(eA(HA), {
           key: 0,
           class: "zh-loading"
-        })) : qA("", !0),
-        AI(AA("div", sI, [
+        })) : fA("", !0),
+        II(AA("div", sI, [
           AA("div", DI, [
             BA(eI, {
               ref_key: "timeLineRef",
-              ref: y,
+              ref: n,
               onClick: w,
               "time-range": U.value,
               "start-meddle-time": D.value
@@ -1200,7 +1204,7 @@ const YA = pA, O = KA, EI = /* @__PURE__ */ QA({
           ]),
           BA(K, {
             modelValue: D.value,
-            "onUpdate:modelValue": k[0] || (k[0] = (f) => D.value = f),
+            "onUpdate:modelValue": R[0] || (R[0] = (f) => D.value = f),
             teleported: !1,
             "value-format": eA(IA),
             clearable: !1,
@@ -1208,12 +1212,12 @@ const YA = pA, O = KA, EI = /* @__PURE__ */ QA({
             "disabled-date": EA
           }, null, 8, ["modelValue", "value-format"])
         ], 512), [
-          [II, N.value]
+          [gI, N.value]
         ])
       ]);
     };
   }
-}), wI = /* @__PURE__ */ CA(rI, [["__scopeId", "data-v-414633fd"]]), hI = {
+}), wI = /* @__PURE__ */ CA(rI, [["__scopeId", "data-v-18eb8cae"]]), hI = {
   key: 0,
   class: "live-container"
 }, cI = {
@@ -1232,12 +1236,12 @@ const YA = pA, O = KA, EI = /* @__PURE__ */ QA({
   setup(a) {
     const A = a;
     return (I, g) => A.mode === "live" ? (W(), Z("div", hI, [
-      BA(iI, SA({
+      BA(iI, nA({
         "get-live-url": A.getLiveUrl,
         "stop-live-play": A.stopLivePlay
       }, I.$attrs), null, 16, ["get-live-url", "stop-live-play"])
     ])) : (W(), Z("div", cI, [
-      BA(wI, SA({
+      BA(wI, nA({
         "get-playback-url": A.getPlaybackUrl,
         "stop-playback": A.stopPlayback,
         "update-playback-url": A.updatePlaybackUrl