npm - @boldarialblack/multi-stream-player - Versions diffs - 1.0.0 → 1.0.1 - Mend

@boldarialblack/multi-stream-player 1.0.0 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/README.md +80 -10
package/lib/stream-player.js +317 -295
package/lib/stream-player.js.map +1 -1
package/lib/stream-player.umd.cjs +1 -1
package/lib/stream-player.umd.cjs.map +1 -1
package/package.json +30 -6

package/lib/stream-player.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { defineComponent as G, openBlock as Q, createBlock as M, createVNode as v, ref as A, reactive as $, watchEffect as ee, onMounted as V, onBeforeUnmount as J, createElementBlock as I, normalizeClass as E, createElementVNode as c, renderSlot as f, unref as y, withDirectives as te, withCtx as m, createTextVNode as P, watch as F, normalizeProps as X, guardReactiveProps as W, createSlots as q, createCommentVNode as O, toDisplayString as R, nextTick as oe } from "vue";
-import j from "hls.js";
-import z from "flv.js";
-import { ElButton as U, ElTooltip as ne, ElSlider as se, ElLoading as ie, ElDialog as ae } from "element-plus";
+import { defineComponent as G, openBlock as E, createElementBlock as I, createElementVNode as r, ref as g, reactive as N, watchEffect as _, onMounted as j, onBeforeUnmount as z, normalizeClass as U, renderSlot as m, createVNode as B, unref as v, withDirectives as $, withCtx as w, createTextVNode as k, watch as L, normalizeProps as V, guardReactiveProps as J, createSlots as X, createCommentVNode as T, toDisplayString as b, nextTick as ee, createBlock as te } from "vue";
+import P from "hls.js";
+import H from "flv.js";
+import { ElButton as x, ElTooltip as oe, ElSlider as ne, ElLoading as se, ElDialog as ie } from "element-plus";
 class K {
-  async init(o) {
+  async init(n) {
   }
   play() {
   }
@@ -12,12 +12,12 @@ class K {
   destroy() {
   }
 }
-class le extends K {
-  constructor(o) {
-    super(), this.video = o, this.hls = null;
+class ae extends K {
+  constructor(n) {
+    super(), this.video = n, this.hls = null;
   }
-  async init(o) {
-    j.isSupported() ? (this.hls = new j(), this.hls.loadSource(o), this.hls.attachMedia(this.video)) : this.video.src = o;
+  async init(n) {
+    P.isSupported() ? (this.hls = new P(), this.hls.loadSource(n), this.hls.attachMedia(this.video)) : this.video.src = n;
   }
   play() {
     this.video.play();
@@ -29,12 +29,12 @@ class le extends K {
     this.hls && this.hls.destroy();
   }
 }
-class re extends K {
-  constructor(o) {
-    super(), this.video = o, this.player = null;
+class le extends K {
+  constructor(n) {
+    super(), this.video = n, this.player = null;
   }
-  async init(o) {
-    z.isSupported() && (this.player = z.createPlayer({ type: "flv", url: o }), this.player.attachMediaElement(this.video), this.player.load());
+  async init(n) {
+    H.isSupported() && (this.player = H.createPlayer({ type: "flv", url: n }), this.player.attachMediaElement(this.video), this.player.load());
   }
   play() {
     this.video.play();
@@ -46,15 +46,15 @@ class re extends K {
     this.player && (this.player.unload(), this.player.detachMediaElement(), this.player.destroy(), this.player = null);
   }
 }
-class ce extends K {
-  constructor(o, e, t = [{ urls: "stun:stun.l.google.com:19302" }]) {
-    super(), this.video = o, this.pc = null, this.signaling = e || null, this.iceServers = t, this.bindings = {
+class re extends K {
+  constructor(n, e, t = [{ urls: "stun:stun.l.google.com:19302" }]) {
+    super(), this.video = n, this.pc = null, this.signaling = e || null, this.iceServers = t, this.bindings = {
       onRemoteDescription: null,
       onIceCandidate: null,
       onTrack: null
     };
   }
-  async init(o) {
+  async init(n) {
     if (this.pc = new RTCPeerConnection({
       // 你可以在这里配置 TURN/STUN 服务器
       iceServers: this.iceServers
@@ -70,8 +70,8 @@ class ce extends K {
             {
               const t = new RTCSessionDescription(e.description);
               if (await this.pc.setRemoteDescription(t), t.type === "offer") {
-                const l = await this.pc.createAnswer();
-                await this.pc.setLocalDescription(l), this.signaling.send({ type: "answer", description: this.pc.localDescription });
+                const c = await this.pc.createAnswer();
+                await this.pc.setLocalDescription(c), this.signaling.send({ type: "answer", description: this.pc.localDescription });
               }
             }
             break;
@@ -83,36 +83,36 @@ class ce extends K {
             }
             break;
         }
-    }), o) {
+    }), n) {
       const e = await this.pc.createOffer({ offerToReceiveVideo: !0 });
       await this.pc.setLocalDescription(e);
       try {
-        const l = await (await fetch(o, {
+        const c = await (await fetch(n, {
           method: "POST",
           headers: { "Content-Type": "application/sdp" },
           body: e.sdp
         })).text();
-        await this.pc.setRemoteDescription({ type: "answer", sdp: l });
+        await this.pc.setRemoteDescription({ type: "answer", sdp: c });
       } catch (t) {
         console.error("WebRTC init remote description failed:", t);
       }
     }
   }
   // 通过显式的信令发送 remote description（若使用外部信令渠道）
-  async setRemoteDescription(o) {
+  async setRemoteDescription(n) {
     if (!this.pc)
       throw new Error("RTCPeerConnection is not initialized");
-    await this.pc.setRemoteDescription(o);
+    await this.pc.setRemoteDescription(n);
   }
   // 提供给外部调用，主动添加本地音视频轨（若需要）
-  addTrack(o, e) {
+  addTrack(n, e) {
     if (!this.pc)
       throw new Error("RTCPeerConnection is not initialized");
     if (e)
-      e.addTrack(o);
-    else if (o) {
+      e.addTrack(n);
+    else if (n) {
       const t = this.video.srcObject || new MediaStream();
-      t.addTrack(o), this.video.srcObject = t;
+      t.addTrack(n), this.video.srcObject = t;
     }
   }
   play() {
@@ -134,83 +134,73 @@ class ce extends K {
     this.signaling && typeof this.signaling.close == "function" && this.signaling.close(), this.video && (this.video.srcObject = null);
   }
   // 可选：绑定外部信令事件监听器
-  bindSignalingHandlers({ onRemoteDescription: o, onIceCandidate: e, onTrack: t } = {}) {
-    typeof o == "function" && (this.bindings.onRemoteDescription = o), typeof e == "function" && (this.bindings.onIceCandidate = e), typeof t == "function" && (this.bindings.onTrack = t);
+  bindSignalingHandlers({ onRemoteDescription: n, onIceCandidate: e, onTrack: t } = {}) {
+    typeof n == "function" && (this.bindings.onRemoteDescription = n), typeof e == "function" && (this.bindings.onIceCandidate = e), typeof t == "function" && (this.bindings.onTrack = t);
   }
 }
-function de(n) {
+function ce(o) {
   return {
-    info: (...o) => console.log(`[${n}]`, ...o),
-    error: (...o) => console.error(`[${n}]`, ...o)
+    info: (...n) => console.log(`[${o}]`, ...n),
+    error: (...n) => console.error(`[${o}]`, ...n)
   };
 }
-const ue = "data:image/png;base64,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", pe = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAABCcAAAQnAEmzTo0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGCSURBVHgB7Vchd8IwEP7KQ63TxU+DLh6Pr5/Hr5pp9ivq8fPzoDfNsOts91172QJvtGmzDgTfe/eaprl8yeUudwXOhMA0iqII+ZhTxugHe0oWBMHum5ikER9Lygj94p2yIHk+1I7EIn2h5NqeUkJV2MANY53L1gl1LtmgWDUzxJEh5WoezQxqiQlly/4nOIA6CyXe2TrsT/mIdWEYHOl9oiU4YUJZUeYNQz/slyE8oA6Z6OstZe2qO4AHxEnwc47PLVT9dqzkKXc+MmGCaufexG+onCvWM8xPDeR3cRpxRnMP7OFBLGc2QxUO93CHLDCrG1B7xjRfGfBwj2Ho2NQy/a9oPGMlT/HH8PLqK/GV+CKJG8OJN9IdqgukFRiGm87Emltn6ADqHuT2YzSZ2unCP4Ha3F67Y654yZVP0B45dV/RlVjJ29zTzriYcLpBfzjwF2PqLaqEP+WZPqAm4XeEhGOs7bJAMAW9fFjhfwr6MlfbvzBStkjFGKEfiFXXWiCeD19pa3LqeLh36gAAAABJRU5ErkJggg==", Ae = {
-  beforeMount(n, o) {
-    n.__clickOutsideHandler__ = (e) => {
-      !n.contains(e.target) && typeof o.value == "function" && o.value(e);
-    }, document.addEventListener("mousedown", n.__clickOutsideHandler__);
+const de = "data:image/png;base64,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", ue = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAABCcAAAQnAEmzTo0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGCSURBVHgB7Vchd8IwEP7KQ63TxU+DLh6Pr5/Hr5pp9ivq8fPzoDfNsOts91172QJvtGmzDgTfe/eaprl8yeUudwXOhMA0iqII+ZhTxugHe0oWBMHum5ikER9Lygj94p2yIHk+1I7EIn2h5NqeUkJV2MANY53L1gl1LtmgWDUzxJEh5WoezQxqiQlly/4nOIA6CyXe2TrsT/mIdWEYHOl9oiU4YUJZUeYNQz/slyE8oA6Z6OstZe2qO4AHxEnwc47PLVT9dqzkKXc+MmGCaufexG+onCvWM8xPDeR3cRpxRnMP7OFBLGc2QxUO93CHLDCrG1B7xjRfGfBwj2Ho2NQy/a9oPGMlT/HH8PLqK/GV+CKJG8OJN9IdqgukFRiGm87Emltn6ADqHuT2YzSZ2unCP4Ha3F67Y654yZVP0B45dV/RlVjJ29zTzriYcLpBfzjwF2PqLaqEP+WZPqAm4XeEhGOs7bJAMAW9fFjhfwr6MlfbvzBStkjFGKEfiFXXWiCeD19pa3LqeLh36gAAAABJRU5ErkJggg==", pe = {
+  beforeMount(o, n) {
+    o.__clickOutsideHandler__ = (e) => {
+      !o.contains(e.target) && typeof n.value == "function" && n.value(e);
+    }, document.addEventListener("mousedown", o.__clickOutsideHandler__);
   },
-  unmounted(n) {
-    document.removeEventListener("mousedown", n.__clickOutsideHandler__), n.__clickOutsideHandler__ = null;
+  unmounted(o) {
+    document.removeEventListener("mousedown", o.__clickOutsideHandler__), o.__clickOutsideHandler__ = null;
   }
 };
-var S = G({
-  name: "Setting"
-});
-const ge = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 1024 1024"
-}, Ce = /* @__PURE__ */ v("path", {
-  fill: "currentColor",
-  d: "M600.704 64a32 32 0 0 1 30.464 22.208l35.2 109.376c14.784 7.232 28.928 15.36 42.432 24.512l112.384-24.192a32 32 0 0 1 34.432 15.36L944.32 364.8a32 32 0 0 1-4.032 37.504l-77.12 85.12a357.12 357.12 0 0 1 0 49.024l77.12 85.248a32 32 0 0 1 4.032 37.504l-88.704 153.6a32 32 0 0 1-34.432 15.296L708.8 803.904c-13.44 9.088-27.648 17.28-42.368 24.512l-35.264 109.376A32 32 0 0 1 600.704 960H423.296a32 32 0 0 1-30.464-22.208L357.696 828.48a351.616 351.616 0 0 1-42.56-24.64l-112.32 24.256a32 32 0 0 1-34.432-15.36L79.68 659.2a32 32 0 0 1 4.032-37.504l77.12-85.248a357.12 357.12 0 0 1 0-48.896l-77.12-85.248A32 32 0 0 1 79.68 364.8l88.704-153.6a32 32 0 0 1 34.432-15.296l112.32 24.256c13.568-9.152 27.776-17.408 42.56-24.64l35.2-109.312A32 32 0 0 1 423.232 64H600.64zm-23.424 64H446.72l-36.352 113.088-24.512 11.968a294.113 294.113 0 0 0-34.816 20.096l-22.656 15.36-116.224-25.088-65.28 113.152 79.68 88.192-1.92 27.136a293.12 293.12 0 0 0 0 40.192l1.92 27.136-79.808 88.192 65.344 113.152 116.224-25.024 22.656 15.296a294.113 294.113 0 0 0 34.816 20.096l24.512 11.968L446.72 896h130.688l36.48-113.152 24.448-11.904a288.282 288.282 0 0 0 34.752-20.096l22.592-15.296 116.288 25.024 65.28-113.152-79.744-88.192 1.92-27.136a293.12 293.12 0 0 0 0-40.256l-1.92-27.136 79.808-88.128-65.344-113.152-116.288 24.96-22.592-15.232a287.616 287.616 0 0 0-34.752-20.096l-24.448-11.904L577.344 128zM512 320a192 192 0 1 1 0 384 192 192 0 0 1 0-384zm0 64a128 128 0 1 0 0 256 128 128 0 0 0 0-256z"
-}, null, -1);
-function he(n, o, e, t, l, a) {
-  return Q(), M("svg", ge, [
-    Ce
-  ]);
-}
-S.render = he;
-S.__file = "packages/components/Setting.vue";
-const ye = S;
-var Y = G({
-  name: "ZoomIn"
-});
-const ve = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 1024 1024"
-}, fe = /* @__PURE__ */ v("path", {
-  fill: "currentColor",
-  d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704zm-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64h96z"
-}, null, -1);
-function me(n, o, e, t, l, a) {
-  return Q(), M("svg", ve, [
-    fe
-  ]);
-}
-Y.render = me;
-Y.__file = "packages/components/ZoomIn.vue";
-const we = Y;
-var k = G({
-  name: "ZoomOut"
-});
-const Qe = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 1024 1024"
-}, Be = /* @__PURE__ */ v("path", {
-  fill: "currentColor",
-  d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704zM352 448h256a32 32 0 0 1 0 64H352a32 32 0 0 1 0-64z"
-}, null, -1);
-function Ee(n, o, e, t, l, a) {
-  return Q(), M("svg", Qe, [
-    Be
-  ]);
-}
-k.render = Ee;
-k.__file = "packages/components/ZoomOut.vue";
-const Ie = k;
-const Ue = { class: "trigger-btn" }, Fe = { class: "controller" }, Me = { class: "controller-content" }, De = { class: "header" }, Oe = { class: "operation" }, xe = ["src"], Le = { class: "cockpit-container" }, Te = { class: "cockpit-wrapper" }, Ge = ["src"], Ke = { class: "block" }, Se = { class: "block" }, Ye = {
+/*! Element Plus Icons Vue v2.3.2 */
+var Ae = /* @__PURE__ */ G({
+  name: "Setting",
+  __name: "setting",
+  setup(o) {
+    return (n, e) => (E(), I("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      r("path", {
+        fill: "currentColor",
+        d: "M600.704 64a32 32 0 0 1 30.464 22.208l35.2 109.376c14.784 7.232 28.928 15.36 42.432 24.512l112.384-24.192a32 32 0 0 1 34.432 15.36L944.32 364.8a32 32 0 0 1-4.032 37.504l-77.12 85.12a357 357 0 0 1 0 49.024l77.12 85.248a32 32 0 0 1 4.032 37.504l-88.704 153.6a32 32 0 0 1-34.432 15.296L708.8 803.904c-13.44 9.088-27.648 17.28-42.368 24.512l-35.264 109.376A32 32 0 0 1 600.704 960H423.296a32 32 0 0 1-30.464-22.208L357.696 828.48a352 352 0 0 1-42.56-24.64l-112.32 24.256a32 32 0 0 1-34.432-15.36L79.68 659.2a32 32 0 0 1 4.032-37.504l77.12-85.248a357 357 0 0 1 0-48.896l-77.12-85.248A32 32 0 0 1 79.68 364.8l88.704-153.6a32 32 0 0 1 34.432-15.296l112.32 24.256c13.568-9.152 27.776-17.408 42.56-24.64l35.2-109.312A32 32 0 0 1 423.232 64H600.64zm-23.424 64H446.72l-36.352 113.088-24.512 11.968a294 294 0 0 0-34.816 20.096l-22.656 15.36-116.224-25.088-65.28 113.152 79.68 88.192-1.92 27.136a293 293 0 0 0 0 40.192l1.92 27.136-79.808 88.192 65.344 113.152 116.224-25.024 22.656 15.296a294 294 0 0 0 34.816 20.096l24.512 11.968L446.72 896h130.688l36.48-113.152 24.448-11.904a288 288 0 0 0 34.752-20.096l22.592-15.296 116.288 25.024 65.28-113.152-79.744-88.192 1.92-27.136a293 293 0 0 0 0-40.256l-1.92-27.136 79.808-88.128-65.344-113.152-116.288 24.96-22.592-15.232a288 288 0 0 0-34.752-20.096l-24.448-11.904L577.344 128zM512 320a192 192 0 1 1 0 384 192 192 0 0 1 0-384m0 64a128 128 0 1 0 0 256 128 128 0 0 0 0-256"
+      })
+    ]));
+  }
+}), ge = Ae, fe = /* @__PURE__ */ G({
+  name: "ZoomIn",
+  __name: "zoom-in",
+  setup(o) {
+    return (n, e) => (E(), I("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      r("path", {
+        fill: "currentColor",
+        d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704m-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64z"
+      })
+    ]));
+  }
+}), ye = fe, Ce = /* @__PURE__ */ G({
+  name: "ZoomOut",
+  __name: "zoom-out",
+  setup(o) {
+    return (n, e) => (E(), I("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      r("path", {
+        fill: "currentColor",
+        d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704M352 448h256a32 32 0 0 1 0 64H352a32 32 0 0 1 0-64"
+      })
+    ]));
+  }
+}), ve = Ce;
+const he = { class: "trigger-btn" }, me = { class: "controller" }, we = { class: "controller-content" }, Qe = { class: "header" }, Be = { class: "operation" }, Ee = ["src"], Ie = { class: "cockpit-container" }, Ue = { class: "cockpit-wrapper" }, Fe = ["src"], Me = { class: "block" }, De = { class: "block" }, xe = {
   name: "StreamPlayerControls"
-}, L = /* @__PURE__ */ Object.assign(Ye, {
+}, M = /* @__PURE__ */ Object.assign(xe, {
   props: {
     playControlStart: {
       type: Function,
@@ -233,171 +223,171 @@ const Ue = { class: "trigger-btn" }, Fe = { class: "controller" }, Me = { class:
       }
     }
   },
-  setup(n) {
-    const o = Ae, e = n, t = A(5), l = $({
+  setup(o) {
+    const n = pe, e = o, t = g(5), c = N({
       1: "慢",
       7: "快"
-    }), a = A(""), B = A(!1), u = A(!0);
-    ee(() => {
-    }), V(() => {
-    }), J(() => {
-      a.value && e.playControlStop({
-        command: a.value,
+    }), l = g(""), Q = g(!1), p = g(!0);
+    _(() => {
+    }), j(() => {
+    }), z(() => {
+      l.value && e.playControlStop({
+        command: l.value,
         speed: t.value
       });
     });
-    function d(g) {
-      a.value = g, e.playControlStart({
-        command: g,
+    function d(f) {
+      l.value = f, e.playControlStart({
+        command: f,
         speed: t.value
       });
     }
-    function p() {
+    function A() {
       e.playControlStop({
-        command: a.value,
+        command: l.value,
         speed: t.value
       });
     }
-    function w(g) {
-      B.value = g === 2, e.setPerspective({
-        type: g
+    function h(f) {
+      Q.value = f === 2, e.setPerspective({
+        type: f
       });
     }
     function i() {
       e.savePerspective();
     }
-    return (g, s) => (Q(), I("div", {
-      class: E(["player-controls", { "is-collapsed": u.value }])
+    return (f, s) => (E(), I("div", {
+      class: U(["player-controls", { "is-collapsed": p.value }])
     }, [
-      c("div", {
+      r("div", {
         class: "controller-trigger",
-        onClick: s[0] || (s[0] = (C) => {
-          u.value = !u.value;
+        onClick: s[0] || (s[0] = (y) => {
+          p.value = !p.value;
         })
       }, [
-        f(g.$slots, "controller-trigger", {}, () => [
-          c("div", Ue, [
-            v(y(ye))
+        m(f.$slots, "controller-trigger", {}, () => [
+          r("div", he, [
+            B(v(ge))
           ])
         ])
       ]),
-      te((Q(), I("div", Fe, [
-        f(g.$slots, "controller-panel", {}, () => [
-          c("div", Me, [
-            c("div", De, [
-              c("div", Oe, [
-                v(y(U), {
+      $((E(), I("div", me, [
+        m(f.$slots, "controller-panel", {}, () => [
+          r("div", we, [
+            r("div", Qe, [
+              r("div", Be, [
+                B(v(x), {
                   type: "primary",
                   size: "small",
-                  onClick: s[1] || (s[1] = (C) => w(1))
+                  onClick: s[1] || (s[1] = (y) => h(1))
                 }, {
-                  default: m(() => [...s[10] || (s[10] = [
-                    P("当前画面", -1)
+                  default: w(() => [...s[10] || (s[10] = [
+                    k("当前画面", -1)
                   ])]),
                   _: 1
                 }),
-                v(y(U), {
+                B(v(x), {
                   type: "primary",
                   size: "small",
-                  onClick: s[2] || (s[2] = (C) => w(2))
+                  onClick: s[2] || (s[2] = (y) => h(2))
                 }, {
-                  default: m(() => [...s[11] || (s[11] = [
-                    P("布防画面", -1)
+                  default: w(() => [...s[11] || (s[11] = [
+                    k("布防画面", -1)
                   ])]),
                   _: 1
                 })
               ]),
-              v(y(ne), {
+              B(v(oe), {
                 content: "存为默认画面",
                 placement: "top"
               }, {
-                default: m(() => [
-                  c("img", {
+                default: w(() => [
+                  r("img", {
                     class: "save-icon cursor-pointer",
-                    src: y(pe),
+                    src: v(ue),
                     onClick: i
-                  }, null, 8, xe)
+                  }, null, 8, Ee)
                 ]),
                 _: 1
               })
             ]),
-            c("div", Le, [
-              c("div", Te, [
-                c("img", {
+            r("div", Ie, [
+              r("div", Ue, [
+                r("img", {
                   class: "cockpit-bg",
-                  src: y(ue)
-                }, null, 8, Ge),
-                c("div", {
-                  class: E(["up cockpit-btn", { "is-active": a.value === "TILT_UP" }]),
-                  onMousedown: s[3] || (s[3] = (C) => d("TILT_UP")),
-                  onMouseup: p
+                  src: v(de)
+                }, null, 8, Fe),
+                r("div", {
+                  class: U(["up cockpit-btn", { "is-active": l.value === "TILT_UP" }]),
+                  onMousedown: s[3] || (s[3] = (y) => d("TILT_UP")),
+                  onMouseup: A
                 }, null, 34),
-                c("div", {
-                  class: E(["down cockpit-btn", { "is-active": a.value === "TILT_DOWN" }]),
-                  onMousedown: s[4] || (s[4] = (C) => d("TILT_DOWN")),
-                  onMouseup: p
+                r("div", {
+                  class: U(["down cockpit-btn", { "is-active": l.value === "TILT_DOWN" }]),
+                  onMousedown: s[4] || (s[4] = (y) => d("TILT_DOWN")),
+                  onMouseup: A
                 }, null, 34),
-                c("div", {
-                  class: E(["left cockpit-btn", { "is-active": a.value === "PAN_LEFT" }]),
-                  onMousedown: s[5] || (s[5] = (C) => d("PAN_LEFT")),
-                  onMouseup: p
+                r("div", {
+                  class: U(["left cockpit-btn", { "is-active": l.value === "PAN_LEFT" }]),
+                  onMousedown: s[5] || (s[5] = (y) => d("PAN_LEFT")),
+                  onMouseup: A
                 }, null, 34),
-                c("div", {
-                  class: E(["right cockpit-btn", { "is-active": a.value === "PAN_RIGHT" }]),
-                  onMousedown: s[6] || (s[6] = (C) => d("PAN_RIGHT")),
-                  onMouseup: p
+                r("div", {
+                  class: U(["right cockpit-btn", { "is-active": l.value === "PAN_RIGHT" }]),
+                  onMousedown: s[6] || (s[6] = (y) => d("PAN_RIGHT")),
+                  onMouseup: A
                 }, null, 34)
               ])
             ]),
-            c("div", Ke, [
-              s[12] || (s[12] = c("div", { class: "description" }, "云台转速", -1)),
-              v(y(se), {
+            r("div", Me, [
+              s[12] || (s[12] = r("div", { class: "description" }, "云台转速", -1)),
+              B(v(ne), {
                 modelValue: t.value,
-                "onUpdate:modelValue": s[7] || (s[7] = (C) => t.value = C),
+                "onUpdate:modelValue": s[7] || (s[7] = (y) => t.value = y),
                 min: 1,
                 max: 7,
                 "show-stops": "",
-                marks: l,
+                marks: c,
                 style: { "margin-top": "-8px", "margin-bottom": "18px" }
               }, null, 8, ["modelValue", "marks"])
             ]),
-            c("div", Se, [
-              s[13] || (s[13] = c("div", { class: "description" }, "画面缩放", -1)),
-              v(y(U), {
-                icon: y(we),
+            r("div", De, [
+              s[13] || (s[13] = r("div", { class: "description" }, "画面缩放", -1)),
+              B(v(x), {
+                icon: v(ye),
                 circle: "",
-                onMousedown: s[8] || (s[8] = (C) => d("ZOOM_IN")),
-                onMouseup: p
+                onMousedown: s[8] || (s[8] = (y) => d("ZOOM_IN")),
+                onMouseup: A
               }, null, 8, ["icon"]),
-              v(y(U), {
-                icon: y(Ie),
+              B(v(x), {
+                icon: v(ve),
                 circle: "",
-                onMousedown: s[9] || (s[9] = (C) => d("ZOOM_OUT")),
-                onMouseup: p
+                onMousedown: s[9] || (s[9] = (y) => d("ZOOM_OUT")),
+                onMouseup: A
               }, null, 8, ["icon"])
             ])
           ])
         ])
       ])), [
-        [y(o), () => u.value = !0]
+        [v(n), () => p.value = !0]
       ])
     ], 2));
   }
 });
-const ke = (n, o) => {
-  const e = n.__vccOpts || n;
-  for (const [t, l] of o)
-    e[t] = l;
+const Le = (o, n) => {
+  const e = o.__vccOpts || o;
+  for (const [t, c] of n)
+    e[t] = c;
   return e;
-}, be = ["autoplay"], He = { class: "video-overlay" }, Pe = {
+}, Oe = ["autoplay"], Te = { class: "video-overlay" }, Ge = {
   key: 1,
   class: "status-overlay"
-}, Re = {
+}, Ke = {
   key: 2,
   class: "status-overlay error"
-}, je = {
+}, Se = {
   name: "StreamPlayer"
-}, ze = /* @__PURE__ */ Object.assign(je, {
+}, Ye = /* @__PURE__ */ Object.assign(Se, {
   props: {
     src: { type: String, required: !0 },
     protocol: { type: String, default: "hls" },
@@ -431,96 +421,96 @@ const ke = (n, o) => {
     "destroy"
     // 销毁
   ],
-  setup(n, { expose: o, emit: e }) {
-    const t = n, l = e, a = A(null), B = A(null), u = A(null), d = A(!1), p = A(!1), w = A(!1), i = A(0), g = de("VideoPlayer");
-    function s(r, h) {
-      switch (r) {
+  setup(o, { expose: n, emit: e }) {
+    const t = o, c = e, l = g(null), Q = g(null), p = g(null), d = g(!1), A = g(!1), h = g(!1), i = g(0), f = ce("VideoPlayer");
+    function s(a, C) {
+      switch (a) {
         case "flv":
-          return new re(h);
+          return new le(C);
         case "webrtc":
-          return new ce(h);
+          return new re(C);
         case "hls":
         default:
-          return new le(h);
+          return new ae(C);
       }
     }
-    async function C() {
-      if (!(!a.value || !t.src)) {
-        H(), p.value = !0, w.value = !1;
+    async function y() {
+      if (!(!l.value || !t.src)) {
+        Y(), A.value = !0, h.value = !1;
         try {
-          u.value = s(t.protocol, a.value), t.beforeInit && await t.beforeInit(), await u.value.init(t.src), l("init", { protocol: t.protocol });
-          const r = a.value;
-          r && (r.addEventListener("loadeddata", () => l("loaded")), r.addEventListener("playing", () => l("play")), r.addEventListener("pause", () => l("pause")), r.addEventListener("error", (h) => b(h))), t.autoplay && (await u.value.play(), d.value = !0), p.value = !1, i.value = 0;
-        } catch (r) {
-          b(r);
+          p.value = s(t.protocol, l.value), t.beforeInit && await t.beforeInit(), await p.value.init(t.src), c("init", { protocol: t.protocol });
+          const a = l.value;
+          a && (a.addEventListener("loadeddata", () => c("loaded")), a.addEventListener("playing", () => c("play")), a.addEventListener("pause", () => c("pause")), a.addEventListener("error", (C) => S(C))), t.autoplay && (await p.value.play(), d.value = !0), A.value = !1, i.value = 0;
+        } catch (a) {
+          S(a);
         }
       }
     }
-    function b(r) {
-      g.error("Playback error:", r), l("error", r), w.value = !0, p.value = !1, t.reconnect && i.value < t.maxRetries ? (i.value++, setTimeout(async () => {
-        l("reconnect", { attempt: i.value }), await oe(), await C();
-      }, t.retryDelay)) : g.warn("Max retry reached or reconnect disabled");
+    function S(a) {
+      f.error("Playback error:", a), c("error", a), h.value = !0, A.value = !1, t.reconnect && i.value < t.maxRetries ? (i.value++, setTimeout(async () => {
+        c("reconnect", { attempt: i.value }), await ee(), await y();
+      }, t.retryDelay)) : f.warn("Max retry reached or reconnect disabled");
     }
-    function Z() {
-      u.value && (d.value ? (u.value.pause(), l("pause")) : (u.value.play(), l("play")), d.value = !d.value);
+    function W() {
+      p.value && (d.value ? (p.value.pause(), c("pause")) : (p.value.play(), c("play")), d.value = !d.value);
     }
-    function N() {
-      const r = a.value;
-      if (!r)
+    function q() {
+      const a = l.value;
+      if (!a)
         return;
-      const h = document.createElement("canvas");
-      h.width = r.videoWidth, h.height = r.videoHeight, h.getContext("2d").drawImage(r, 0, 0, h.width, h.height);
-      const _ = h.toDataURL("image/png"), D = document.createElement("a");
-      D.href = _, D.download = "snapshot.png", D.click();
+      const C = document.createElement("canvas");
+      C.width = a.videoWidth, C.height = a.videoHeight, C.getContext("2d").drawImage(a, 0, 0, C.width, C.height);
+      const Z = C.toDataURL("image/png"), O = document.createElement("a");
+      O.href = Z, O.download = "snapshot.png", O.click();
     }
-    function H() {
-      u.value && (u.value.destroy(), l("destroy"), u.value = null, d.value = !1);
+    function Y() {
+      p.value && (p.value.destroy(), c("destroy"), p.value = null, d.value = !1);
     }
-    return F(() => t.src, C), V(C), J(H), o({
-      togglePlay: Z,
-      screenshot: N
-    }), (r, h) => (Q(), I("div", {
+    return L(() => t.src, y), j(y), z(Y), n({
+      togglePlay: W,
+      screenshot: q
+    }), (a, C) => (E(), I("div", {
       class: "video-player",
       ref_key: "container",
-      ref: B
+      ref: Q
     }, [
-      c("video", {
+      r("video", {
         ref_key: "videoRef",
-        ref: a,
-        class: E([n.fitMode, "video-element"]),
-        autoplay: n.autoplay,
+        ref: l,
+        class: U([o.fitMode, "video-element"]),
+        autoplay: o.autoplay,
         playsinline: "",
         controls: ""
-      }, null, 10, be),
-      c("div", He, [
-        f(r.$slots, "overlay", {}, void 0, !0)
+      }, null, 10, Oe),
+      r("div", Te, [
+        m(a.$slots, "overlay", {}, void 0, !0)
       ]),
-      n.showControls ? f(r.$slots, "controller", { key: 0 }, () => [
-        v(L, X(W(r.$attrs)), q({ _: 2 }, [
-          r.$slots["controller-trigger"] ? {
+      o.showControls ? m(a.$slots, "controller", { key: 0 }, () => [
+        B(M, V(J(a.$attrs)), X({ _: 2 }, [
+          a.$slots["controller-trigger"] ? {
             name: "controller-trigger",
-            fn: m(() => [
-              f(r.$slots, "controller-trigger", {}, void 0, !0)
+            fn: w(() => [
+              m(a.$slots, "controller-trigger", {}, void 0, !0)
             ]),
             key: "0"
           } : void 0,
-          r.$slots["controller-panel"] ? {
+          a.$slots["controller-panel"] ? {
             name: "controller-panel",
-            fn: m(() => [
-              f(r.$slots, "controller-panel", {}, void 0, !0)
+            fn: w(() => [
+              m(a.$slots, "controller-panel", {}, void 0, !0)
             ]),
             key: "1"
           } : void 0
         ]), 1040)
-      ], !0) : O("", !0),
-      p.value ? (Q(), I("div", Pe, "加载中...")) : O("", !0),
-      w.value ? (Q(), I("div", Re, "连接错误，正在重试(" + R(i.value) + "/" + R(n.maxRetries) + ")...", 1)) : O("", !0)
+      ], !0) : T("", !0),
+      A.value ? (E(), I("div", Ge, "加载中...")) : T("", !0),
+      h.value ? (E(), I("div", Ke, "连接错误，正在重试(" + b(i.value) + "/" + b(o.maxRetries) + ")...", 1)) : T("", !0)
     ], 512));
   }
-}), T = /* @__PURE__ */ ke(ze, [["__scopeId", "data-v-3ced781c"]]);
-const Ve = { class: "dialog-content-wrapper" }, Je = { class: "stream-player-wrapper" }, Xe = {
+}), D = /* @__PURE__ */ Le(Ye, [["__scopeId", "data-v-3ced781c"]]);
+const ke = { class: "dialog-content-wrapper" }, be = { class: "stream-player-wrapper" }, Pe = {
   name: "StreamPlayerDialog"
-}, x = /* @__PURE__ */ Object.assign(Xe, {
+}, F = /* @__PURE__ */ Object.assign(Pe, {
   props: {
     value: Boolean,
     title: {
@@ -536,103 +526,135 @@ const Ve = { class: "dialog-content-wrapper" }, Je = { class: "stream-player-wra
     beforeClose: Function
   },
   emits: ["update:value"],
-  setup(n, { expose: o, emit: e }) {
-    const t = n, l = e, a = A(t.value), B = A(!1), u = A(!1), d = A();
-    F(
+  setup(o, { expose: n, emit: e }) {
+    const t = o, c = e, l = g(t.value), Q = g(!1), p = g(!1), d = g();
+    L(
       () => t.value,
       (i) => {
-        a.value = i;
+        l.value = i;
       }
-    ), F(a, (i) => {
-      l("update:value", i);
-    }), F(u, (i) => {
-      i ? d.value = ie.service({
+    ), L(l, (i) => {
+      c("update:value", i);
+    }), L(p, (i) => {
+      i ? d.value = se.service({
         target: ".stream-player-wrapper"
       }) : d.value && d.value.close();
     });
-    function p() {
-      a.value = !0, B.value = !0, typeof t.onOpen == "function" && t.onOpen();
+    function A() {
+      l.value = !0, Q.value = !0, typeof t.onOpen == "function" && t.onOpen();
     }
-    function w(i) {
-      a.value = !1, typeof t.beforeClose == "function" && t.beforeClose(), B.value && l("update:value", !1), typeof i == "function" && i();
+    function h(i) {
+      l.value = !1, typeof t.beforeClose == "function" && t.beforeClose(), Q.value && c("update:value", !1), typeof i == "function" && i();
     }
-    return o({
-      open: p,
-      close: w
-    }), (i, g) => (Q(), M(y(ae), {
-      visible: a.value,
-      "onUpdate:visible": g[0] || (g[0] = (s) => a.value = s),
-      "before-close": w,
+    return n({
+      open: A,
+      close: h
+    }), (i, f) => (E(), te(v(ie), {
+      visible: l.value,
+      "onUpdate:visible": f[0] || (f[0] = (s) => l.value = s),
+      "before-close": h,
       "append-to-body": !0,
-      class: E([n.dialogClass, "stream-player-dialog"]),
+      class: U([o.dialogClass, "stream-player-dialog"]),
       top: "3vh",
       width: "90vw",
       modal: "",
       "destroy-on-close": "",
-      onOpen: n.onOpen,
-      onClose: n.onClose
+      onOpen: o.onOpen,
+      onClose: o.onClose
     }, {
-      default: m(() => [
-        c("div", Ve, [
-          c("div", Je, [
-            v(T, X(W(i.$attrs)), q({ _: 2 }, [
+      default: w(() => [
+        r("div", ke, [
+          r("div", be, [
+            B(D, V(J(i.$attrs)), X({ _: 2 }, [
               i.$slots.overlay ? {
                 name: "overlay",
-                fn: m(() => [
-                  f(i.$slots, "overlay")
+                fn: w(() => [
+                  m(i.$slots, "overlay")
                 ]),
                 key: "0"
               } : void 0,
               i.$slots.controller ? {
                 name: "controller",
-                fn: m(() => [
-                  f(i.$slots, "controller")
+                fn: w(() => [
+                  m(i.$slots, "controller")
                 ]),
                 key: "1"
               } : void 0,
               i.$slots["controller-trigger"] ? {
                 name: "controller-trigger",
-                fn: m(() => [
-                  f(i.$slots, "controller-trigger")
+                fn: w(() => [
+                  m(i.$slots, "controller-trigger")
                 ]),
                 key: "2"
               } : void 0,
               i.$slots["controller-panel"] ? {
                 name: "controller-panel",
-                fn: m(() => [
-                  f(i.$slots, "controller-panel")
+                fn: w(() => [
+                  m(i.$slots, "controller-panel")
                 ]),
                 key: "3"
               } : void 0
             ]), 1040)
           ]),
-          f(i.$slots, "dialog-content")
+          m(i.$slots, "dialog-content")
         ])
       ]),
       _: 3
     }, 8, ["visible", "class", "onOpen", "onClose"]));
   }
-}), $e = {
-  install(n) {
-    n.component(T.name, T), n.component(L.name, L);
-    const o = n.extend(x), e = new o();
-    document.body.appendChild(e.$mount().$el), n.component(x.name, x), n.prototype.$streamPlayer = {
-      open({ title: t, dialogClass: l, onOpen: a, onClose: B, beforeClose: u, ...d }) {
-        e.title = t, e.value = !0, e.dialogClass = l, e.onOpen = a, e.onClose = B, e.beforeClose = u;
-        for (let p in d)
-          e[p] = d[p];
-        return e.open(), e;
-      },
-      close() {
-        e.close();
-      }
-    };
+});
+let u = null;
+const Je = {
+  install(o) {
+    const n = typeof o.version == "string" && o.version.startsWith("3"), e = o.prototype !== void 0;
+    n ? (o.component(D.name, D), o.component(M.name, M), o.component(F.name, F), o.config.globalProperties.$streamPlayer = R(o, !0)) : e && (o.component(D.name, D), o.component(M.name, M), o.component(F.name, F), o.prototype.$streamPlayer = R(o, !1));
   }
 };
+function R(o, n) {
+  return {
+    open({ title: e, dialogClass: t, onOpen: c, onClose: l, beforeClose: Q, ...p }) {
+      if (n) {
+        if (!u) {
+          const { createApp: A } = require("vue"), h = document.createElement("div");
+          document.body.appendChild(h), u = A({
+            template: '<StreamPlayerDialog ref="dialog" />',
+            components: { StreamPlayerDialog: F }
+          }).mount(h);
+        }
+        const d = u.$refs.dialog;
+        d && (Object.assign(d, {
+          title: e,
+          value: !0,
+          dialogClass: t,
+          onOpen: c,
+          onClose: l,
+          beforeClose: Q,
+          ...p
+        }), typeof d.open == "function" && d.open());
+      } else {
+        if (!u) {
+          const A = o.extend(F);
+          u = new A(), document.body.appendChild(u.$mount().$el);
+        }
+        u.title = e, u.value = !0, u.dialogClass = t, u.onOpen = c, u.onClose = l, u.beforeClose = Q, Object.assign(u, p), typeof u.open == "function" && u.open();
+      }
+      return u;
+    },
+    close() {
+      var e;
+      if (u)
+        if (n) {
+          const t = (e = u.$refs) == null ? void 0 : e.dialog;
+          t && typeof t.close == "function" && t.close();
+        } else
+          typeof u.close == "function" && u.close();
+    }
+  };
+}
 export {
-  T as StreamPlayer,
-  L as StreamPlayerControls,
-  x as StreamPlayerDialog,
-  $e as default
+  D as StreamPlayer,
+  M as StreamPlayerControls,
+  F as StreamPlayerDialog,
+  Je as default
 };
 //# sourceMappingURL=stream-player.js.map