@ganwei-web/gw-base-components-plus 1.0.0

package/player/dist/index.es.js

@@ -0,0 +1,1080 @@
+import "./style.css";
+let Se = Object.defineProperty;
+let Ce = (o, e, t) => e in o ? Se(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+let p = (o, e, t) => (Ce(o, typeof e != "symbol" ? e + "" : e, t), t);
+import { computed as Pe, createBlock as O, createCommentVNode as w, createElementBlock as f, createElementVNode as l, createVNode as k, defineComponent as A, Fragment as le, getCurrentInstance as fe, inject as se, mergeModels as ke, normalizeClass as oe, onBeforeUnmount as be, onMounted as Te, onUnmounted as Re, openBlock as u, provide as He, reactive as me, ref as C, renderList as ie, resolveComponent as z, resolveDirective as $e, toDisplayString as Y, unref as b, useModel as Ie, watch as pe, withCtx as j, withDirectives as ze } from "vue";
+import { useDraggable as Le } from "element-plus";
+import { HubConnectionBuilder as xe } from "@aspnet/signalr";
+var te = /* @__PURE__ */ ((o) => (o[o.GB28181 = 10] = "GB28181", o))(te || {}), a = /* @__PURE__ */ ((o) => (o[o.StopPTZ = 0] = "StopPTZ", o[o.Up = 1] = "Up", o[o.UpRight = 2] = "UpRight", o[o.Right = 3] = "Right", o[o.RightDown = 4] = "RightDown", o[o.Down = 5] = "Down", o[o.DownLeft = 6] = "DownLeft", o[o.Left = 7] = "Left", o[o.LeftUp = 8] = "LeftUp", o[o.ZoomIn = 9] = "ZoomIn", o[o.ZoomOut = 10] = "ZoomOut", o[o.StopFI = 20] = "StopFI", o[o.FocusPlus = 21] = "FocusPlus", o[o.FocusMinus = 22] = "FocusMinus", o[o.IrisOn = 23] = "IrisOn", o[o.IrisOff = 24] = "IrisOff", o[o.SetPreset = 30] = "SetPreset", o[o.GetPreset = 31] = "GetPreset", o[o.RemovePreset = 32] = "RemovePreset", o[o.UnKnow = 100] = "UnKnow", o))(a || {});
+class he {
+  constructor(e, t = !0) {
+    p(this, "signalR");
+    p(this, "url", "");
+    p(this, "connectionId", "");
+    p(this, "autoCloseTimeout", -1);
+    p(this, "autoTimeout", !0);
+    p(this, "isStop", !1);
+    p(this, "connectionResult", {
+      connection: null,
+      success: !1
+    });
+    this.autoTimeout = t, e && (this.url = e), this.signalR = new xe().withUrl(this.url).build(), this.signalR.serverTimeoutInMilliseconds = 5e8, this.signalR.keepAliveIntervalInMilliseconds = 5e8, this.onConnectionId();
+  }
+  start() {
+    this.connectionResult.connection = this.signalR.start(), this.connectionResult.connection.then(() => {
+      this.connectionResult.success = !0;
+    }).catch((e) => {
+      this.connectionResult.success = !1, console.log(e);
+    }).finally(() => {
+      this.autoTimeout && (this.autoCloseTimeout = window.setTimeout(() => {
+        this.stop();
+      }, 3e4));
+    });
+  }
+  onConnectionId() {
+    this.signalR.on("ConnectionSucceeded", (e) => {
+      this.connectionId = e.data;
+    });
+  }
+  stop() {
+    this.isStop || (this.isStop = !0, console.log("stop", this.connectionId), this.connectionResult = {
+      connection: null,
+      success: !1
+    }, this.signalR.state === 1 && this.signalR.stop());
+  }
+}
+class ve {
+  constructor(e, t = 2, i = 6e4, d) {
+    p(this, "size", 2);
+    p(this, "result", []);
+    p(this, "failed", null);
+    p(this, "canceled", !1);
+    p(this, "promise");
+    p(this, "resolve");
+    p(this, "reject");
+    p(this, "onMessage", () => {
+      console.log("task message");
+    });
+    this.id = e, this.size = t, d && (this.onMessage = d), this.promise = new Promise((g, r) => {
+      const R = setTimeout(() => {
+        this.reject("命令超时");
+      }, i);
+      this.resolve = (m) => {
+        g(m), clearTimeout(R);
+      }, this.reject = (m) => {
+        r(m), clearTimeout(R);
+      };
+    });
+  }
+  process(e) {
+    return this.onMessage(e), !1;
+  }
+  cancel() {
+    this.canceled = !0, this.reject("--canceled--");
+  }
+  static isCanceled(e) {
+    return typeof e == "string" && e === "--canceled--";
+  }
+}
+class Ve {
+  constructor() {
+    p(this, "suspenseTasks", []);
+  }
+  addSuspenseTask(e) {
+    return this.suspenseTasks.push(e), e;
+  }
+  processSuspenseTask(e) {
+    e.id && (this.suspenseTasks = this.suspenseTasks.filter((t) => !t.process(e)));
+  }
+  dispose() {
+    for (const e of this.suspenseTasks) { e.cancel(); }
+    this.suspenseTasks = [];
+  }
+}
+class Me extends ve {
+  process(e) {
+    return !e.id || e.id != this.id ? !1 : (super.process(e), this.result.push(e), e.response ? this.result.length >= this.size ? (this.resolve({
+      id: e.id,
+      response: !0,
+      responseData: null,
+      responseMessage: ""
+    }), !0) : !1 : (this.failed = e, this.reject(this.failed.responseMessage), !0));
+  }
+}
+class je extends ve {
+  process(e) {
+    return !e.id || e.id != this.id ? !1 : (super.process(e), this.result.push(e), e.response ? e.isCompleted ? (this.resolve(e.responseData), !0) : !1 : (this.failed = e, this.reject(this.failed.responseMessage), !0));
+  }
+}
+class Fe {
+  constructor(e, t, i = 1e4) {
+    p(this, "timeout", 1e4);
+    // 10s
+    p(this, "_id", 1);
+    p(this, "asyncPTZSignalRController");
+    p(this, "strategies", {
+      [a.StopPTZ]: void 0,
+      [a.Up]: void 0,
+      [a.UpRight]: void 0,
+      [a.Right]: void 0,
+      [a.RightDown]: void 0,
+      [a.Down]: void 0,
+      [a.DownLeft]: void 0,
+      [a.Left]: void 0,
+      [a.LeftUp]: void 0,
+      [a.ZoomIn]: void 0,
+      [a.ZoomOut]: void 0,
+      [a.FocusPlus]: void 0,
+      [a.FocusMinus]: void 0,
+      [a.IrisOn]: void 0,
+      [a.IrisOff]: void 0,
+      [a.SetPreset]: void 0,
+      [a.GetPreset]: void 0,
+      [a.RemovePreset]: void 0,
+      [a.UnKnow]: void 0,
+      [a.StopFI]: void 0
+    });
+    p(this, "suspenseTaskQueue");
+    this.deviceId = e, this.nvrChannelId = t, this.timeout = i, this.suspenseTaskQueue = new Ve(), this.asyncPTZSignalRController = new Ne(this.suspenseTaskQueue.processSuspenseTask.bind(this.suspenseTaskQueue)), this.initStrategies();
+  }
+  generateId() {
+    return this._id++;
+  }
+  initStrategies() {
+    const e = new De();
+    for (const t in a) {
+      const i = parseInt(t);
+      isNaN(i) || i >= a.StopPTZ && i <= a.ZoomOut && (this.strategies[t] = e);
+    }
+  }
+  addStrategies(e, t) {
+    this.strategies[e] && console.warn(`PTZCommandEnum ${e} already has a strategy`), this.strategies[e] = t;
+  }
+  doPTZControl(e, t, i) {
+    let m;
+    const d = this.generateId(), g = {
+      command: e,
+      speed: 0,
+      ...t,
+      id: d,
+      deviceId: this.deviceId,
+      nvrChannelId: this.nvrChannelId
+    }, r = ((m = this.strategies[e]) == null ? void 0 : m.doPTZControl(e, g)) || g, R = new Me(d, 2, this.timeout, i);
+    return this.suspenseTaskQueue.addSuspenseTask(R), this.asyncPTZSignalRController.invokePTZControl(r), R.promise;
+  }
+  doPresetQuery() {
+    const e = this.generateId(), t = {
+      id: e,
+      deviceId: this.deviceId,
+      nvrChannelId: this.nvrChannelId
+    }, i = new je(e, 2, this.timeout);
+    return this.suspenseTaskQueue.addSuspenseTask(i), this.asyncPTZSignalRController.invokeGetPresets(t), i.promise;
+  }
+  dispose() {
+    this.asyncPTZSignalRController.stop(), this.suspenseTaskQueue.dispose(), this.strategies = {};
+  }
+}
+class De {
+  doPTZControl(e, t) {
+    return {
+      ...t,
+      command: e
+    };
+  }
+}
+class Ne extends he {
+  constructor(t) {
+    super("/mediaPlatformPTZ", !1);
+    p(this, "eventName", "ShowLog");
+    p(this, "onShowLog", () => {
+      console.log("showLog");
+    });
+    t && (this.onShowLog = t), this.onShowLogMethod(), this.start();
+  }
+  invokePTZControl(t) {
+    this.signalR.invoke("PTZControl", t);
+  }
+  invokeGetPresets(t) {
+    let i;
+    if (!this.connectionResult.connection) { throw new Error("connection is not ready"); }
+    (i = this.connectionResult.connection) == null || i.then(() => {
+      this.signalR.invoke("PresetQuery", t);
+    });
+  }
+  onShowLogMethod() {
+    this.signalR.on(this.eventName, (t) => {
+      this.onShowLog(t, this.connectionId);
+    });
+  }
+  stop() {
+    this.signalR.off(this.eventName), this.onShowLog = () => {
+      console.log("showLog");
+    }, super.stop();
+  }
+}
+const Ue = {
+  player: "glplayer0",
+  width: 640,
+  height: 360,
+  token: "base64:QXV0aG9yOmNoYW5neWFubG9uZ3xudW1iZXJ3b2xmLEdpdGh1YjpodHRwczovL2dpdGh1Yi5jb20vbnVtYmVyd29sZixFbWFpbDpwb3JzY2hlZ3QyM0Bmb3htYWlsLmNvbSxRUTo1MzEzNjU4NzIsSG9tZVBhZ2U6aHR0cDovL3h2aWRlby52aWRlbyxEaXNjb3JkOm51bWJlcndvbGYjODY5NCx3ZWNoYXI6bnVtYmVyd29sZjExLEJlaWppbmcsV29ya0luOkJhaWR1",
+  extInfo: {
+    probeSize: 8192,
+    ignoreAudio: 0,
+    coreProbePart: 0.1,
+    autoPlay: !0,
+    cacheLength: 50,
+    rawFps: 24
+  }
+};
+class Ze {
+  constructor(e) {
+    p(this, "config", {});
+    p(this, "instance");
+    p(this, "PTZControlService");
+    p(this, "performance", -1);
+    e && Object.assign(this.config, Ue, e);
+  }
+  eventsOn(e) {
+    for (const t in e) { this.instance[t] = e[t]; }
+    return this.instance.onReadyShowDone = this.onPerformance.bind(this), !0;
+  }
+  onPerformance() {
+    let e, t;
+    this.performance = performance.now() - this.performance, (t = (e = this.instance) == null ? void 0 : e.onPerformance) == null || t.call(e, this.performance);
+  }
+  init(e) {
+    this.performance = performance.now();
+    const t = window.new265webjs ? window.new265webjs : window.top.new265webjs;
+    this.instance = t(e, this.config);
+  }
+  start() {
+    this.instance.do();
+  }
+  play() {
+    this.instance.play();
+  }
+  destroy() {
+    let e;
+    (e = this.PTZControlService) == null || e.dispose(), this.instance.release();
+  }
+  setVoice(e) {
+    this.instance.setVoice(e);
+  }
+  pause() {
+    this.instance.pause();
+  }
+  fullScreen() {
+    this.instance.fullScreen();
+  }
+  snapshot() {
+    this.instance.snapshot();
+  }
+  enablePTZ(e, t, i) {
+    if (i === te.GB28181) { this.PTZControlService = new Fe(e, t); } else { throw new Error("暂不支持该PTZ协议"); }
+  }
+  ptzControl(e, t) {
+    let i;
+    if (this.PTZControlService) { return (i = this.PTZControlService) == null ? void 0 : i.doPTZControl(e, t); }
+    throw new Error("PTZControlService is not initialized");
+  }
+  doPresetQuery() {
+    let e;
+    if (this.PTZControlService) { return (e = this.PTZControlService) == null ? void 0 : e.doPresetQuery(); }
+    throw new Error("PTZControlService is not initialized");
+  }
+}
+var ye = /* @__PURE__ */ ((o) => (o[o.H265WebPlayer = 0] = "H265WebPlayer", o))(ye || {});
+const Oe = {
+  0: Ze
+};
+function Be(o, e) {
+  return new Oe[o](e);
+}
+const Ge = Symbol("$message");
+function _e() {
+  return se(Ge);
+}
+const ge = Symbol("PlayerContext");
+function Qe() {
+  return se(ge);
+}
+const We = { class: "close-btn" }, Ye = { class: "PTZ-operator-content" }, Ae = {
+  class: "direction ptz-left-up",
+  title: "左上"
+}, Ke = {
+  class: "direction ptz-up",
+  title: "上"
+}, Je = {
+  class: "direction ptz-right-up",
+  title: "右上"
+}, Xe = {
+  class: "direction ptz-left",
+  title: "左"
+}, qe = {
+  class: "direction ptz-right",
+  title: "右"
+}, Ee = {
+  class: "direction ptz-left-down",
+  title: "左下"
+}, et = {
+  class: "direction ptz-down",
+  title: "下"
+}, tt = {
+  class: "direction ptz-right-down",
+  title: "右下"
+}, nt = { class: "ptz-slider" }, ot = { class: "zoom" }, st = {
+  class: "zoomIn zoomButton",
+  title: "变焦放大"
+}, lt = {
+  class: "zoomOut zoomButton",
+  title: "变焦缩小"
+}, it = { class: "preset-list" }, at = { class: "index" }, rt = { class: "name" }, ct = { class: "operation" }, ut = /* @__PURE__ */ A({
+  __name: "index",
+  props: /* @__PURE__ */ ke({
+    round: { type: Boolean, default: !1 },
+    maxPresetCount: { default: 255 }
+  }, {
+    modelValue: { type: Boolean, default: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(o) {
+    let x, N;
+    const e = o, t = Ie(o, "modelValue"), i = C(60), d = C([]), g = _e(), r = Qe();
+    r && r.deviceId && r.ptzControl && ((x = r.player) == null || x.enablePTZ(r.deviceId, r.nvrChannelId, te.GB28181), (N = r == null ? void 0 : r.player) == null || N.doPresetQuery().then((I) => {
+      let s = I.rows || [];
+      d.value = Array.from({ length: e.maxPresetCount }, (H, T) => {
+        const P = T + 1;
+        let h = s.find((_) => _.presetId === P);
+        return h ? {
+          ...h,
+          enable: !0
+        } : {
+          presetId: P,
+          presetName: "预置点" + P,
+          enable: !1
+        };
+      });
+    }));
+    const R = C(), m = C();
+    Le(R, m, Pe(() => !0));
+    let S = !1;
+    function c(I, s = {}) {
+      let H;
+      I >= a.StopPTZ && I <= a.ZoomOut && (S = !0), (H = r == null ? void 0 : r.player) == null || H.ptzControl(I, { speed: i.value, ...s }).then((T) => {
+        g.success("命令下发成功，请稍等"), I === a.SetPreset && (d.value.find((P) => P.presetId === s.speed).enable = !0), I === a.RemovePreset && (d.value.find((P) => P.presetId === s.speed).enable = !1);
+      }).catch((T) => {
+        g.error(T);
+      });
+    }
+    function D() {
+      let I;
+      S && ((I = r == null ? void 0 : r.player) == null || I.ptzControl(a.StopPTZ, { speed: 0 }), S = !1);
+    }
+    return window.addEventListener("mouseup", D), be(() => {
+      window.removeEventListener("mouseup", D);
+    }), (I, s) => {
+      const H = z("el-col"), T = z("el-slider"), P = z("el-row"), h = z("Location"), _ = z("el-icon"), V = z("Setting"), G = z("Delete");
+      return t.value ? (u(), f("div", {
+        key: 0,
+        class: "PTZ-operator",
+        ref_key: "container",
+        ref: R
+      }, [
+        l("div", {
+          class: "PTZ-operator-header",
+          ref_key: "drag",
+          ref: m
+        }, [
+          l("span", We, [
+            l("i", {
+              class: "iconfont icon-tubiao24_guanbi",
+              onClick: s[0] || (s[0] = (v) => t.value = !1)
+            })
+          ])
+        ], 512),
+        l("div", Ye, [
+          l("div", {
+            class: oe(["PTZ-panel", { round: I.round }])
+          }, [
+            l("div", Ae, [
+              l("i", {
+                class: "iconfont icon-_fangxiangjian",
+                onMousedown: s[1] || (s[1] = (v) => c(b(a).LeftUp))
+              }, null, 32)
+            ]),
+            l("div", Ke, [
+              l("i", {
+                class: "iconfont icon-_fangxiangjian",
+                onMousedown: s[2] || (s[2] = (v) => c(b(a).Up))
+              }, null, 32)
+            ]),
+            l("div", Je, [
+              l("i", {
+                class: "iconfont icon-_fangxiangjian",
+                onMousedown: s[3] || (s[3] = (v) => c(b(a).UpRight))
+              }, null, 32)
+            ]),
+            l("div", Xe, [
+              l("i", {
+                class: "iconfont icon-_fangxiangjian",
+                onMousedown: s[4] || (s[4] = (v) => c(b(a).Left))
+              }, null, 32)
+            ]),
+            s[12] || (s[12] = l("div", { class: "direction ptz-auto" }, null, -1)),
+            l("div", qe, [
+              l("i", {
+                class: "iconfont icon-_fangxiangjian",
+                onMousedown: s[5] || (s[5] = (v) => c(b(a).Right))
+              }, null, 32)
+            ]),
+            l("div", Ee, [
+              l("i", {
+                class: "iconfont icon-_fangxiangjian",
+                onMousedown: s[6] || (s[6] = (v) => c(b(a).DownLeft))
+              }, null, 32)
+            ]),
+            l("div", et, [
+              l("i", {
+                class: "iconfont icon-_fangxiangjian",
+                onMousedown: s[7] || (s[7] = (v) => c(b(a).Down))
+              }, null, 32)
+            ]),
+            l("div", tt, [
+              l("i", {
+                class: "iconfont icon-_fangxiangjian",
+                onMousedown: s[8] || (s[8] = (v) => c(b(a).RightDown))
+              }, null, 32)
+            ])
+          ], 2),
+          l("div", nt, [
+            k(P, null, {
+              default: j(() => [
+                k(H, { span: 6 }, {
+                  default: j(() => s[13] || (s[13] = [
+                    l("span", { class: "label" }, "速度：", -1)
+                  ])),
+                  _: 1,
+                  __: [13]
+                }),
+                k(H, { span: 18 }, {
+                  default: j(() => [
+                    k(T, {
+                      modelValue: i.value,
+                      "onUpdate:modelValue": s[9] || (s[9] = (v) => i.value = v),
+                      min: 1,
+                      max: 254,
+                      "show-input": "",
+                      size: "small"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          l("div", ot, [
+            l("div", st, [
+              l("i", {
+                class: "iconfont icon-_gongnengjian_fangda",
+                onMousedown: s[10] || (s[10] = (v) => c(b(a).ZoomIn))
+              }, null, 32)
+            ]),
+            l("div", lt, [
+              l("i", {
+                class: "iconfont icon-_gongnengjian_suoxiao",
+                onMousedown: s[11] || (s[11] = (v) => c(b(a).ZoomOut))
+              }, null, 32)
+            ])
+          ]),
+          l("div", it, [
+            (u(!0), f(le, null, ie(d.value, (v) => (u(), f("div", {
+              class: oe(["preset-item", { "is-disabled": !v.enable }]),
+              key: v.presetId
+            }, [
+              l("span", at, Y(v.presetId), 1),
+              l("span", rt, Y(v.presetName), 1),
+              l("span", ct, [
+                v.enable ? (u(), O(_, {
+                  key: 0,
+                  title: "调用",
+                  onClick: (U) => c(b(a).GetPreset, { speed: v.presetId })
+                }, {
+                  default: j(() => [
+                    k(h)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"])) : w("", !0),
+                k(_, {
+                  title: "设置",
+                  onClick: (U) => c(b(a).SetPreset, { speed: v.presetId })
+                }, {
+                  default: j(() => [
+                    k(V)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]),
+                v.enable ? (u(), O(_, {
+                  key: 1,
+                  title: "删除",
+                  class: "danger",
+                  onClick: (U) => c(b(a).RemovePreset, { speed: v.presetId })
+                }, {
+                  default: j(() => [
+                    k(G)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"])) : w("", !0)
+              ])
+            ], 2))), 128))
+          ])
+        ])
+      ], 512)) : w("", !0);
+    };
+  }
+});
+const K = (o, e) => {
+  const t = o.__vccOpts || o;
+  for (const [i, d] of e) { t[i] = d; }
+  return t;
+}, dt = /* @__PURE__ */ K(ut, [["__scopeId", "data-v-be749143"]]), pt = { class: "bottom-container" }, ft = {
+  key: 0,
+  class: "video-bottom"
+}, ht = { class: "center" }, vt = { key: 0 }, yt = {
+  key: 1,
+  class: "play-btn"
+}, _t = { key: 2 }, gt = { class: "right" }, wt = {
+  key: 1,
+  class: "play-PTZ"
+}, St = {
+  key: 2,
+  class: "play-screenrecording"
+}, Ct = {
+  key: 3,
+  class: "play-screenshot"
+}, kt = {
+  key: 4,
+  class: "volume-btn"
+}, It = {
+  key: 5,
+  class: "close-btn"
+}, Pt = {
+  key: 6,
+  class: "screen-btn"
+}, bt = { class: "flow-control" }, mt = /* @__PURE__ */ A({
+  __name: "videoControl",
+  props: {
+    isPlay: { type: Boolean, default: !1 },
+    panelControl: { default: () => ({}) }
+  },
+  emits: ["ptzControlHandler", "pauseHandler", "resumeHandler", "forwardHandler", "backwardHandler", "rewindHandler", "fullScreenHandler", "snapshotHandler", "closeHandler", "volumeHandler"],
+  setup(o, { expose: e, emit: t }) {
+    const i = C(1), d = C(!1), g = C(!1), r = t;
+    function R() {
+      d.value = !0, r("pauseHandler");
+    }
+    function m() {
+      d.value = !1, r("resumeHandler");
+    }
+    function S() {
+      i.value = Math.min(4, i.value * 2), r("forwardHandler", i.value);
+    }
+    function c() {
+      i.value = Math.max(0.25, i.value / 2), r("rewindHandler", i.value);
+    }
+    function D(h) {
+      r("rewindHandler", h);
+    }
+    const x = C(0);
+    function N() {
+      x.value = 1 - x.value, r("volumeHandler", x.value);
+    }
+    function I(h, _) {
+      r("ptzControlHandler", h, _);
+    }
+    function s() {
+      r("fullScreenHandler");
+    }
+    function H() {
+      r("closeHandler");
+    }
+    function T() {
+      r("snapshotHandler");
+    }
+    function P() {
+      d.value = !1, g.value = !1, x.value = 0, i.value = 1;
+    }
+    return e({
+      reset: P
+    }), (h, _) => {
+      let Q, W, J, X, q, E, F;
+      const V = z("el-option"), G = z("el-select"), v = z("SwitchButton"), U = z("el-icon");
+      return u(), f("div", pt, [
+        h.isPlay || d.value && ((Q = h.panelControl) != null && Q.panelControl) ? (u(), f("div", ft, [
+          _[3] || (_[3] = l("div", { class: "left" }, null, -1)),
+          l("div", ht, [
+            h.panelControl.playControl ? (u(), f("span", vt, [
+              l("i", {
+                title: "慢放",
+                class: "iconfont icon-kuaitui",
+                onClick: c
+              })
+            ])) : w("", !0),
+            h.panelControl.playControl ? (u(), f("span", yt, [
+              d.value ? (u(), f("i", {
+                key: 1,
+                title: "播放",
+                class: "iconfont icon-bofangsanjiaoxing",
+                onClick: m
+              })) : (u(), f("i", {
+                key: 0,
+                title: "暂停",
+                class: "iconfont icon-zantingtingzhi",
+                onClick: R
+              }))
+            ])) : w("", !0),
+            h.panelControl.playControl ? (u(), f("span", _t, [
+              l("i", {
+                title: "快进",
+                class: "iconfont icon-kuaijin",
+                onClick: S
+              })
+            ])) : w("", !0)
+          ]),
+          l("div", gt, [
+            h.panelControl.playControl ? (u(), O(G, {
+              key: 0,
+              style: { width: "100px" },
+              title: "播放倍率",
+              modelValue: i.value,
+              "onUpdate:modelValue": _[0] || (_[0] = (B) => i.value = B),
+              onChange: D
+            }, {
+              default: j(() => [
+                k(V, {
+                  label: "0.25x",
+                  value: 0.25
+                }),
+                k(V, {
+                  label: "0.5x",
+                  value: 0.5
+                }),
+                k(V, {
+                  label: "1x",
+                  value: 1
+                }),
+                k(V, {
+                  label: "2x",
+                  value: 2
+                }),
+                k(V, {
+                  label: "4x",
+                  value: 4
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"])) : w("", !0),
+            (W = h.panelControl) != null && W.ptzControl ? (u(), f("span", wt, [
+              l("i", {
+                class: "iconfont icon-_jiankongqiuji",
+                onClick: _[1] || (_[1] = (B) => g.value = !g.value),
+                title: "云台控制"
+              })
+            ])) : w("", !0),
+            (J = h.panelControl) != null && J.record ? (u(), f("span", St, [
+              l("i", {
+                class: "iconfont icon-_shishikuaizhao_daixuan",
+                onClick: s,
+                title: "录像"
+              })
+            ])) : w("", !0),
+            (X = h.panelControl) != null && X.capture ? (u(), f("span", Ct, [
+              l("i", {
+                class: "iconfont icon-gw-icon-tab-tupian",
+                onClick: T,
+                title: "截图"
+              })
+            ])) : w("", !0),
+            (q = h.panelControl) != null && q.volume ? (u(), f("span", kt, [
+              x.value === 0 ? (u(), f("i", {
+                key: 0,
+                class: "iconfont icon-jingyin",
+                onClick: N,
+                title: "音量"
+              })) : (u(), f("i", {
+                key: 1,
+                class: "iconfont icon-shengyin1",
+                onClick: N,
+                title: "音量"
+              }))
+            ])) : w("", !0),
+            (E = h.panelControl) != null && E.close ? (u(), f("span", It, [
+              k(U, {
+                onClick: H,
+                title: "关闭"
+              }, {
+                default: j(() => [
+                  k(v)
+                ]),
+                _: 1
+              })
+            ])) : w("", !0),
+            (F = h.panelControl) != null && F.fullScreen ? (u(), f("span", Pt, [
+              l("i", {
+                class: "iconfont icon-quanping",
+                onClick: s,
+                title: "全屏"
+              })
+            ])) : w("", !0)
+          ])
+        ])) : w("", !0),
+        l("div", bt, [
+          k(dt, {
+            modelValue: g.value,
+            "onUpdate:modelValue": _[2] || (_[2] = (B) => g.value = B),
+            round: "",
+            onPtzControl: I
+          }, null, 8, ["modelValue"])
+        ])
+      ]);
+    };
+  }
+});
+const Ht = /* @__PURE__ */ K(mt, [["__scopeId", "data-v-fca36cac"]]), Rt = {
+  key: 0,
+  class: "video-info"
+}, $t = { class: "susscessed" }, zt = /* @__PURE__ */ A({
+  __name: "videoPlayInfo",
+  props: {
+    playInfo: Array,
+    isPlayInfo: Boolean
+  },
+  setup(o) {
+    const e = o;
+    return (t, i) => o.isPlayInfo ? (u(), f("div", Rt, [
+      (u(!0), f(le, null, ie(e.playInfo, (d, g) => (u(), f("p", $t, Y(d), 1))), 256))
+    ])) : w("", !0);
+  }
+});
+const Tt = /* @__PURE__ */ K(zt, [["__scopeId", "data-v-59ca949f"]]);
+class xt extends he {
+  constructor(t, i) {
+    super("/mediaPlatformPlay");
+    p(this, "eventName", "ShowLog");
+    p(this, "invokePlayMethod", "Play");
+    p(this, "onShowLog", () => {
+      console.log("showlog");
+    });
+    this.streamId = t, this.onConnectedSuccess(), this.onShowLogMethod(), this.onShowLog = i;
+  }
+  inVokePlay() {
+    this.signalR.invoke(this.invokePlayMethod, this.streamId);
+  }
+  onShowLogMethod() {
+    this.signalR.on(this.eventName, (t) => {
+      this.onShowLog(t, this.connectionId);
+    });
+  }
+  onConnectedSuccess() {
+    this.signalR.on("ConnectionSucceeded", (t) => {
+      this.streamId && this.inVokePlay();
+    });
+  }
+  stop() {
+    this.signalR.off(this.eventName), this.onShowLog = () => {
+      console.log("showLog");
+    }, super.stop();
+  }
+}
+const Lt = Symbol("MultiScreenPlayerControllerKey");
+function Vt() {
+  let o = se(Lt);
+  return o === void 0 && (o = {
+    addScreen(e, t) {
+      return new xt(...t);
+    }
+  }), o;
+}
+function Mt() {
+  const o = C([]);
+  function e(t) {
+    if (!t.length) {
+      console.error("没有流信息");
+      return;
+    }
+    o.value = t;
+  }
+  return {
+    playStreamIdList: o,
+    setPlayStreamIdList: e
+  };
+}
+const jt = { class: "context" }, Ft = {
+  key: 0,
+  class: "title"
+}, Dt = { class: "title-text" }, Nt = ["id"], Ut = { class: "player-container" }, Zt = ["id"], Ot = ["id"], Bt = 3e4, Gt = /* @__PURE__ */ A({
+  __name: "index",
+  props: {
+    id: { default: 0 },
+    selected: { default: 0 },
+    panelControl: { default: () => ({}) }
+  },
+  setup(o) {
+    const e = C(), t = o, i = _e(), { proxy: d } = fe(), g = C(!1), r = C(!1), R = C(!1), m = C("播放时间较长，请重试!"), S = me({
+      id: "",
+      // 当前播放流id
+      protocol: "",
+      // 当前播放流协议，
+      playName: ""
+      // 播放设备名称
+    }), c = {
+      deviceId: 0,
+      nvrChannelId: 0,
+      ptzControl: !1,
+      player: null
+    }, D = C(!1);
+    He(ge, c);
+    const { playStreamIdList: x, setPlayStreamIdList: N } = Mt(), I = Vt();
+    let s = null;
+    const H = C([]), T = C(!1);
+    let P = 0, h = -1, _ = -1;
+    d.$bus.off("H265web" + (t == null ? void 0 : t.id)), d.$bus.on("H265web" + (t == null ? void 0 : t.id), (n) => {
+      let y, $, M, Z;
+      if (ee(), B(), (y = e.value) == null || y.reset(), !n.length) {
+        console.error("没有流信息");
+        return;
+      }
+      if (N(n), ($ = n[0]) != null && $.tips) {
+        F((M = n[0]) == null ? void 0 : M.tips);
+        return;
+      }
+      if ((Z = n[0]) != null && Z.id) { S.playName = n[0].title, S.id = n[0].id, S.protocol = n[0].protocol, c.deviceId = n[0].deviceId, c.nvrChannelId = n[0].nvrChannelId, c.ptzControl = n[0].ptzControl === te.GB28181, ne(), Q(n[0].id); } else {
+        let L = n[0].url;
+        L && V(L);
+      }
+    });
+    function V(n) {
+      console.log("播放流地址：" + n), E(), g.value = !0, performance.now(), console.log(t.id), c.player = Be(ye.H265WebPlayer, {
+        player: "glplayer" + t.id
+      }), D.value = !0;
+      try {
+        c.player.init(n), c.player.eventsOn(q()), c.player.start(), c.player.play();
+      } catch (y) {
+        console.log(y);
+      }
+    }
+    function G() {
+      let n = S.id;
+      n && U(n);
+    }
+    function v(n, y) {
+      if (s) {
+        if (s.connectionId === "") {
+          console.error("当前窗口未连接成功");
+          return;
+        }
+        if (s.connectionId !== y) {
+          console.error("现在的ID： ", s.connectionId), console.error("接收到的ID： ", y);
+          return;
+        }
+        n && ((!n.result || n.playStatus == 80 || n.playStatus == 90) && s.stop(), (!n.result || n.playStatus == 90) && F("播放失败!"), P < n.duration && (P = n.duration), (n.playStatus == 60 && n.protocol == S.protocol || n.playStatus == 100) && (n.url ? V(n.url) : F("目标地址为空,播放失败!")), n.message && n.duration && (n.playStatus == 60 && n.protocol != S.protocol || H.value.push(n.message + "(" + n.duration + "ms)")));
+      }
+    }
+    function U(n) {
+      n ? (ee(), ne(), Q(n)) : F("播放失败，流地址不存在!");
+    }
+    function Q(n) {
+      s = I.addScreen(t.id, [n, v]), s.start();
+    }
+    function W(n) {
+      R.value = n;
+    }
+    function J() {
+      F("");
+    }
+    function X() {
+      _ && clearTimeout(_), c.player && (console.log("关闭播放器"), c.player.destroy(), c.player = null, r.value = !1, D.value = !1);
+    }
+    function q() {
+      return {
+        onPlayState: (n) => {
+          r.value = n;
+        },
+        onPerformance: (n) => {
+          g.value = !1, r.value = !0;
+          const y = n;
+          H.value.push("播放器加载完成时间: " + y.toFixed(4) + "ms"), H.value.push("播放总耗时: " + (P + y).toFixed(4) + "ms"), _ && clearTimeout(_), h && clearTimeout(h), h = window.setTimeout(() => {
+            T.value = !1, h = -1;
+          }, 5e3);
+        },
+        onLoadFinish: () => {
+          let $, M, Z, L, re, ce, ue, de;
+          ($ = c.player) == null || $.setVoice(0);
+          let n = (M = c.player) == null ? void 0 : M.instance.mediaInfo(), y = "h265";
+          ((Z = n == null ? void 0 : n.meta) == null ? void 0 : Z.isHEVC) === !1 ? (console.log(`\r
+onLoadFinish is Not HEVC/H.265`), y = "h264") : console.log(`\r
+onLoadFinish is HEVC/H.265`), console.log(`\r
+onLoadFinish media Codec:` + y), console.log(`\r
+onLoadFinish media FPS:` + ((L = n == null ? void 0 : n.meta) == null ? void 0 : L.fps)), console.log(`\r
+onLoadFinish media size:` + ((ce = (re = n == null ? void 0 : n.meta) == null ? void 0 : re.size) == null ? void 0 : ce.width) + "x" + ((de = (ue = n == null ? void 0 : n.meta) == null ? void 0 : ue.size) == null ? void 0 : de.height));
+        }
+      };
+    }
+    function E() {
+      _ && clearTimeout(_), _ = window.setTimeout(() => {
+        r.value || F("播放超时!"), _ = -1;
+      }, Bt);
+    }
+    function F(n) {
+      W(!0), g.value = !1, m.value = n, ee();
+    }
+    function B() {
+      S.playName = "", S.id = "";
+    }
+    const ae = {
+      // 暂停
+      pauseHandler: function() {
+        let n, y, $;
+        (y = (n = c.player) == null ? void 0 : n.instance) != null && y.isPlaying() && (($ = c.player) == null || $.pause());
+      },
+      // 播放
+      resumeHandler: function() {
+        let n;
+        (n = c.player) == null || n.play();
+      },
+      // 音量
+      volumeHandler: function(n) {
+        let y;
+        (y = c.player) == null || y.setVoice(n);
+      },
+      // 全屏
+      fullScreenHandler: function() {
+        let n;
+        (n = c.player) == null || n.fullScreen();
+      },
+      // 截图
+      snapshotHandler: function() {
+        let n;
+        (n = c.player) == null || n.snapshot();
+      }
+    };
+    function we(n, y) {
+      let $;
+      ($ = c.player) == null || $.ptzControl(n, y).then((M) => {
+        i.success("命令下发成功，请稍等");
+      }).catch((M) => {
+        i.error(M);
+      });
+    }
+    function ee() {
+      X(), s == null || s.stop(), s = null;
+    }
+    function ne() {
+      g.value = !0, P = 0, W(!1), H.value.length = 0, T.value = !0, r.value = !1;
+    }
+    return Re(() => {
+      ne(), ee();
+    }), (n, y) => {
+      const $ = z("el-option"), M = z("el-select"), Z = $e("loading");
+      return u(), f("div", jt, [
+        t.panelControl.title ? (u(), f("div", Ft, [
+          l("span", Dt, Y(S.playName), 1)
+        ])) : w("", !0),
+        R.value && !r.value ? (u(), f("div", {
+          key: 1,
+          id: "replay" + n.id,
+          class: "replayVideo"
+        }, [
+          l("i", {
+            class: "iconfont icon-_bofang",
+            onClick: G
+          }),
+          l("p", null, Y(m.value), 1)
+        ], 8, Nt)) : w("", !0),
+        ze((u(), f("div", Ut, [
+          l("div", {
+            id: "glplayer" + n.id,
+            class: oe(["glplayer", { transparent: r.value }])
+          }, null, 10, Zt)
+        ])), [
+          [Z, g.value]
+        ]),
+        n.panelControl.streamList ? (u(), f("div", {
+          key: 2,
+          class: "stream-list",
+          id: "stream-list" + n.id
+        }, [
+          b(x).length > 0 ? (u(), O(M, {
+            key: 0,
+            modelValue: S.id,
+            "onUpdate:modelValue": y[0] || (y[0] = (L) => S.id = L),
+            onChange: U,
+            "append-to": "#stream-list" + n.id
+          }, {
+            prefix: j(() => y[1] || (y[1] = [
+              l("i", { class: "iconfont icon-gw-icon-diqiu" }, null, -1)
+            ])),
+            default: j(() => [
+              (u(!0), f(le, null, ie(b(x), (L) => (u(), O($, {
+                label: L.name,
+                value: L.id,
+                key: L.protocol
+              }, null, 8, ["label", "value"]))), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue", "append-to"])) : w("", !0)
+        ], 8, Ot)) : w("", !0),
+        n.panelControl.panelControl && D.value ? (u(), O(Ht, {
+          key: 3,
+          ref_key: "control",
+          ref: e,
+          isPlay: r.value,
+          panelControl: n.panelControl,
+          onFullScreenHandler: ae.fullScreenHandler,
+          onVolumeHandler: ae.volumeHandler,
+          onCloseHandler: J,
+          onPtzControlHandler: we
+        }, null, 8, ["isPlay", "panelControl", "onFullScreenHandler", "onVolumeHandler"])) : w("", !0),
+        n.panelControl.beforePlayInfo ? (u(), O(Tt, {
+          key: 4,
+          playInfo: H.value,
+          isPlayInfo: T.value
+        }, null, 8, ["playInfo", "isPlayInfo"])) : w("", !0)
+      ]);
+    };
+  }
+});
+const Qt = /* @__PURE__ */ K(Gt, [["__scopeId", "data-v-c9e3aa55"]]), Wt = { class: "container" }, Yt = /* @__PURE__ */ A({
+  __name: "h265webContainer",
+  props: {
+    streamId: {},
+    url: {},
+    panelControl: {}
+  },
+  setup(o) {
+    const { proxy: e } = fe(), t = o;
+    Te(() => {
+      i();
+    });
+    function i() {
+      let d = [{ id: -1, url: "", name: "mp4", value: "", title: "" }];
+      t != null && t.streamId ? d[0].id = t.streamId : d[0].url = t == null ? void 0 : t.url, e.$bus.emit("H265web100", d);
+    }
+    return pe(() => t == null ? void 0 : t.streamId, (d) => {
+      d && i();
+    }), pe(() => t == null ? void 0 : t.url, (d) => {
+      d && i();
+    }), (d, g) => (u(), f("div", Wt, [
+      k(Qt, {
+        panelControl: t == null ? void 0 : t.panelControl,
+        id: 100,
+        selected: 100
+      }, null, 8, ["panelControl"])
+    ]));
+  }
+});
+const qt = /* @__PURE__ */ K(Yt, [["__scopeId", "data-v-44205cca"]]);
+export {
+  qt as default
+};