@boldarialblack/multi-stream-player 1.0.0

package/lib/stream-player.js

@@ -0,0 +1,638 @@
+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";
+class K {
+  async init(o) {
+  }
+  play() {
+  }
+  pause() {
+  }
+  destroy() {
+  }
+}
+class le extends K {
+  constructor(o) {
+    super(), this.video = o, 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;
+  }
+  play() {
+    this.video.play();
+  }
+  pause() {
+    this.video.pause();
+  }
+  destroy() {
+    this.hls && this.hls.destroy();
+  }
+}
+class re extends K {
+  constructor(o) {
+    super(), this.video = o, this.player = null;
+  }
+  async init(o) {
+    z.isSupported() && (this.player = z.createPlayer({ type: "flv", url: o }), this.player.attachMediaElement(this.video), this.player.load());
+  }
+  play() {
+    this.video.play();
+  }
+  pause() {
+    this.video.pause();
+  }
+  destroy() {
+    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 = {
+      onRemoteDescription: null,
+      onIceCandidate: null,
+      onTrack: null
+    };
+  }
+  async init(o) {
+    if (this.pc = new RTCPeerConnection({
+      // 你可以在这里配置 TURN/STUN 服务器
+      iceServers: this.iceServers
+    }), this.pc.ontrack = (e) => {
+      const t = e.streams && e.streams[0] ? e.streams[0] : null;
+      t ? (this.video.srcObject = t, typeof this.bindings.onTrack == "function" && this.bindings.onTrack(t)) : e.streams && e.streams.length && (this.video.srcObject = e.streams[0]);
+    }, this.pc.onicecandidate = (e) => {
+      e.candidate && this.signaling && typeof this.signaling.send == "function" && this.signaling.send({ type: "ice-candidate", candidate: e.candidate });
+    }, this.signaling && typeof this.signaling.onMessage == "function" && this.signaling.onMessage(async (e) => {
+      if (!(!e || !e.type))
+        switch (e.type) {
+          case "remote-description":
+            {
+              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 });
+              }
+            }
+            break;
+          case "ice-candidate":
+            try {
+              await this.pc.addIceCandidate(new RTCIceCandidate(e.candidate));
+            } catch (t) {
+              console.warn("Failed to add ICE candidate:", t);
+            }
+            break;
+        }
+    }), o) {
+      const e = await this.pc.createOffer({ offerToReceiveVideo: !0 });
+      await this.pc.setLocalDescription(e);
+      try {
+        const l = await (await fetch(o, {
+          method: "POST",
+          headers: { "Content-Type": "application/sdp" },
+          body: e.sdp
+        })).text();
+        await this.pc.setRemoteDescription({ type: "answer", sdp: l });
+      } catch (t) {
+        console.error("WebRTC init remote description failed:", t);
+      }
+    }
+  }
+  // 通过显式的信令发送 remote description（若使用外部信令渠道）
+  async setRemoteDescription(o) {
+    if (!this.pc)
+      throw new Error("RTCPeerConnection is not initialized");
+    await this.pc.setRemoteDescription(o);
+  }
+  // 提供给外部调用，主动添加本地音视频轨（若需要）
+  addTrack(o, e) {
+    if (!this.pc)
+      throw new Error("RTCPeerConnection is not initialized");
+    if (e)
+      e.addTrack(o);
+    else if (o) {
+      const t = this.video.srcObject || new MediaStream();
+      t.addTrack(o), this.video.srcObject = t;
+    }
+  }
+  play() {
+    this.video.play().catch(() => {
+    });
+  }
+  pause() {
+    this.video.pause();
+  }
+  // 清理资源
+  destroy() {
+    if (this.pc) {
+      try {
+        this.pc.close();
+      } catch {
+      }
+      this.pc = null;
+    }
+    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);
+  }
+}
+function de(n) {
+  return {
+    info: (...o) => console.log(`[${n}]`, ...o),
+    error: (...o) => console.error(`[${n}]`, ...o)
+  };
+}
+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__);
+  },
+  unmounted(n) {
+    document.removeEventListener("mousedown", n.__clickOutsideHandler__), n.__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 = {
+  name: "StreamPlayerControls"
+}, L = /* @__PURE__ */ Object.assign(Ye, {
+  props: {
+    playControlStart: {
+      type: Function,
+      default: () => {
+      }
+    },
+    playControlStop: {
+      type: Function,
+      default: () => {
+      }
+    },
+    setPerspective: {
+      type: Function,
+      default: () => {
+      }
+    },
+    savePerspective: {
+      type: Function,
+      default: () => {
+      }
+    }
+  },
+  setup(n) {
+    const o = Ae, e = n, t = A(5), l = $({
+      1: "慢",
+      7: "快"
+    }), a = A(""), B = A(!1), u = A(!0);
+    ee(() => {
+    }), V(() => {
+    }), J(() => {
+      a.value && e.playControlStop({
+        command: a.value,
+        speed: t.value
+      });
+    });
+    function d(g) {
+      a.value = g, e.playControlStart({
+        command: g,
+        speed: t.value
+      });
+    }
+    function p() {
+      e.playControlStop({
+        command: a.value,
+        speed: t.value
+      });
+    }
+    function w(g) {
+      B.value = g === 2, e.setPerspective({
+        type: g
+      });
+    }
+    function i() {
+      e.savePerspective();
+    }
+    return (g, s) => (Q(), I("div", {
+      class: E(["player-controls", { "is-collapsed": u.value }])
+    }, [
+      c("div", {
+        class: "controller-trigger",
+        onClick: s[0] || (s[0] = (C) => {
+          u.value = !u.value;
+        })
+      }, [
+        f(g.$slots, "controller-trigger", {}, () => [
+          c("div", Ue, [
+            v(y(ye))
+          ])
+        ])
+      ]),
+      te((Q(), I("div", Fe, [
+        f(g.$slots, "controller-panel", {}, () => [
+          c("div", Me, [
+            c("div", De, [
+              c("div", Oe, [
+                v(y(U), {
+                  type: "primary",
+                  size: "small",
+                  onClick: s[1] || (s[1] = (C) => w(1))
+                }, {
+                  default: m(() => [...s[10] || (s[10] = [
+                    P("当前画面", -1)
+                  ])]),
+                  _: 1
+                }),
+                v(y(U), {
+                  type: "primary",
+                  size: "small",
+                  onClick: s[2] || (s[2] = (C) => w(2))
+                }, {
+                  default: m(() => [...s[11] || (s[11] = [
+                    P("布防画面", -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              v(y(ne), {
+                content: "存为默认画面",
+                placement: "top"
+              }, {
+                default: m(() => [
+                  c("img", {
+                    class: "save-icon cursor-pointer",
+                    src: y(pe),
+                    onClick: i
+                  }, null, 8, xe)
+                ]),
+                _: 1
+              })
+            ]),
+            c("div", Le, [
+              c("div", Te, [
+                c("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
+                }, 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
+                }, 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
+                }, 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
+                }, null, 34)
+              ])
+            ]),
+            c("div", Ke, [
+              s[12] || (s[12] = c("div", { class: "description" }, "云台转速", -1)),
+              v(y(se), {
+                modelValue: t.value,
+                "onUpdate:modelValue": s[7] || (s[7] = (C) => t.value = C),
+                min: 1,
+                max: 7,
+                "show-stops": "",
+                marks: l,
+                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),
+                circle: "",
+                onMousedown: s[8] || (s[8] = (C) => d("ZOOM_IN")),
+                onMouseup: p
+              }, null, 8, ["icon"]),
+              v(y(U), {
+                icon: y(Ie),
+                circle: "",
+                onMousedown: s[9] || (s[9] = (C) => d("ZOOM_OUT")),
+                onMouseup: p
+              }, null, 8, ["icon"])
+            ])
+          ])
+        ])
+      ])), [
+        [y(o), () => u.value = !0]
+      ])
+    ], 2));
+  }
+});
+const ke = (n, o) => {
+  const e = n.__vccOpts || n;
+  for (const [t, l] of o)
+    e[t] = l;
+  return e;
+}, be = ["autoplay"], He = { class: "video-overlay" }, Pe = {
+  key: 1,
+  class: "status-overlay"
+}, Re = {
+  key: 2,
+  class: "status-overlay error"
+}, je = {
+  name: "StreamPlayer"
+}, ze = /* @__PURE__ */ Object.assign(je, {
+  props: {
+    src: { type: String, required: !0 },
+    protocol: { type: String, default: "hls" },
+    autoplay: { type: Boolean, default: !1 },
+    showControls: { type: Boolean, default: !0 },
+    fitMode: {
+      type: String,
+      default: "contain"
+      // 'contain' | 'fill' | 'cover'
+    },
+    reconnect: { type: Boolean, default: !0 },
+    // 自动重连开关
+    maxRetries: { type: Number, default: 3 },
+    // 最大重试次数
+    retryDelay: { type: Number, default: 3e3 },
+    // 每次重试间隔
+    beforeInit: { type: Function, default: () => {
+    } }
+  },
+  emits: [
+    "init",
+    // 播放器初始化
+    "loaded",
+    // 视频加载完毕
+    "play",
+    // 开始播放
+    "pause",
+    // 暂停播放
+    "error",
+    // 播放错误
+    "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) {
+        case "flv":
+          return new re(h);
+        case "webrtc":
+          return new ce(h);
+        case "hls":
+        default:
+          return new le(h);
+      }
+    }
+    async function C() {
+      if (!(!a.value || !t.src)) {
+        H(), p.value = !0, w.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);
+        }
+      }
+    }
+    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 Z() {
+      u.value && (d.value ? (u.value.pause(), l("pause")) : (u.value.play(), l("play")), d.value = !d.value);
+    }
+    function N() {
+      const r = a.value;
+      if (!r)
+        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();
+    }
+    function H() {
+      u.value && (u.value.destroy(), l("destroy"), u.value = null, d.value = !1);
+    }
+    return F(() => t.src, C), V(C), J(H), o({
+      togglePlay: Z,
+      screenshot: N
+    }), (r, h) => (Q(), I("div", {
+      class: "video-player",
+      ref_key: "container",
+      ref: B
+    }, [
+      c("video", {
+        ref_key: "videoRef",
+        ref: a,
+        class: E([n.fitMode, "video-element"]),
+        autoplay: n.autoplay,
+        playsinline: "",
+        controls: ""
+      }, null, 10, be),
+      c("div", He, [
+        f(r.$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"] ? {
+            name: "controller-trigger",
+            fn: m(() => [
+              f(r.$slots, "controller-trigger", {}, void 0, !0)
+            ]),
+            key: "0"
+          } : void 0,
+          r.$slots["controller-panel"] ? {
+            name: "controller-panel",
+            fn: m(() => [
+              f(r.$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)
+    ], 512));
+  }
+}), T = /* @__PURE__ */ ke(ze, [["__scopeId", "data-v-3ced781c"]]);
+const Ve = { class: "dialog-content-wrapper" }, Je = { class: "stream-player-wrapper" }, Xe = {
+  name: "StreamPlayerDialog"
+}, x = /* @__PURE__ */ Object.assign(Xe, {
+  props: {
+    value: Boolean,
+    title: {
+      type: String,
+      default: ""
+    },
+    dialogClass: {
+      type: String,
+      default: ""
+    },
+    onOpen: Function,
+    onClose: Function,
+    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(
+      () => t.value,
+      (i) => {
+        a.value = i;
+      }
+    ), F(a, (i) => {
+      l("update:value", i);
+    }), F(u, (i) => {
+      i ? d.value = ie.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 w(i) {
+      a.value = !1, typeof t.beforeClose == "function" && t.beforeClose(), B.value && l("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,
+      "append-to-body": !0,
+      class: E([n.dialogClass, "stream-player-dialog"]),
+      top: "3vh",
+      width: "90vw",
+      modal: "",
+      "destroy-on-close": "",
+      onOpen: n.onOpen,
+      onClose: n.onClose
+    }, {
+      default: m(() => [
+        c("div", Ve, [
+          c("div", Je, [
+            v(T, X(W(i.$attrs)), q({ _: 2 }, [
+              i.$slots.overlay ? {
+                name: "overlay",
+                fn: m(() => [
+                  f(i.$slots, "overlay")
+                ]),
+                key: "0"
+              } : void 0,
+              i.$slots.controller ? {
+                name: "controller",
+                fn: m(() => [
+                  f(i.$slots, "controller")
+                ]),
+                key: "1"
+              } : void 0,
+              i.$slots["controller-trigger"] ? {
+                name: "controller-trigger",
+                fn: m(() => [
+                  f(i.$slots, "controller-trigger")
+                ]),
+                key: "2"
+              } : void 0,
+              i.$slots["controller-panel"] ? {
+                name: "controller-panel",
+                fn: m(() => [
+                  f(i.$slots, "controller-panel")
+                ]),
+                key: "3"
+              } : void 0
+            ]), 1040)
+          ]),
+          f(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();
+      }
+    };
+  }
+};
+export {
+  T as StreamPlayer,
+  L as StreamPlayerControls,
+  x as StreamPlayerDialog,
+  $e as default
+};
+//# sourceMappingURL=stream-player.js.map