@lazycatcloud/lzc-video-player 0.0.1 → 0.0.3

package/dist/components/Spectrum/index.vue.d.ts

@@ -1,32 +1,2 @@
-declare const _default: import("vue").DefineComponent<{
-    height: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    width: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    gap: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    height: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    width: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    gap: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-}>>, {
-    height: string;
-    width: string;
-    gap: string;
-}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/dist/components/Video/index.vue.d.ts

@@ -7,6 +7,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     back: () => void;
+    controlBarActive: (show: boolean) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     onInit: {
         type: import("vue").PropType<(player: import("video.js").VideoJsPlayer) => void>;
@@ -16,5 +17,6 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onBack?: (() => any) | undefined;
+    onControlBarActive?: ((show: boolean) => any) | undefined;
 }, {}>;
 export default _default;

package/dist/{index-horizontal.4350090a.js → index-horizontal.a3f55bc6.js}

@@ -1,5 +1,5 @@
 import { defineComponent as i, defineAsyncComponent as o, openBlock as t, createElementBlock as p, unref as e, createBlock as l, createCommentVNode as y } from "vue";
-import { a as n, _ } from "./lzc-video-player.47190826.js";
+import { a as n, _ } from "./lzc-video-player.72f780fe.js";
 import "pinia";
 const m = { class: "modal-content" }, u = /* @__PURE__ */ i({
   __name: "index-horizontal",
@@ -7,7 +7,7 @@ const m = { class: "modal-content" }, u = /* @__PURE__ */ i({
     player: null
   },
   setup(a) {
-    const r = o(() => import("./list.7099181d.js")), s = o(() => import("./playrate.b2b089b8.js")), c = o(() => import("./resolution.2163011d.js"));
+    const r = o(() => import("./list.482f9b94.js")), s = o(() => import("./playrate.3f895ad0.js")), c = o(() => import("./resolution.8097124b.js"));
     return (d, f) => (t(), p("div", m, [
       e(n) === "LzcPlayrate" ? (t(), l(e(s), {
         key: 0,

package/dist/{index-vertical.4c7b466b.js → index-vertical.3c29efab.js}

@@ -1,5 +1,5 @@
 import { defineComponent as p, defineAsyncComponent as l, openBlock as t, createElementBlock as s, unref as e, createBlock as n, createCommentVNode as y } from "vue";
-import { a as o, _ } from "./lzc-video-player.47190826.js";
+import { a as o, _ } from "./lzc-video-player.72f780fe.js";
 import "pinia";
 const m = { class: "modal-content" }, d = /* @__PURE__ */ p({
   __name: "index-vertical",
@@ -7,7 +7,7 @@ const m = { class: "modal-content" }, d = /* @__PURE__ */ p({
     player: null
   },
   setup(a) {
-    const r = l(() => import("./list.7099181d.js")), c = l(() => import("./playrate.b2b089b8.js")), i = l(() => import("./resolution.2163011d.js"));
+    const r = l(() => import("./list.482f9b94.js")), c = l(() => import("./playrate.3f895ad0.js")), i = l(() => import("./resolution.8097124b.js"));
     return (u, f) => (t(), s("div", m, [
       e(o) === "LzcPlayrate" ? (t(), n(e(c), {
         key: 0,

package/dist/list.482f9b94.js

@@ -0,0 +1,160 @@
+import { openBlock as c, createElementBlock as a, createElementVNode as t, renderSlot as b, withModifiers as A, pushScopeId as S, popScopeId as E, defineComponent as V, useCssVars as w, unref as u, ref as N, onMounted as Q, nextTick as U, createVNode as d, createTextVNode as _, withCtx as p, Fragment as g, renderList as H, createBlock as h, normalizeClass as $, toDisplayString as y, createCommentVNode as O } from "vue";
+import { _ as f, E as C, u as q, r as L, Q as I, b as M, c as z, f as B, g as j } from "./lzc-video-player.72f780fe.js";
+import "pinia";
+const G = {}, J = { class: "container" }, K = { class: "content" };
+function R(s, i) {
+  return c(), a("div", J, [
+    t("div", K, [
+      b(s.$slots, "default", {}, void 0, !0)
+    ]),
+    t("div", {
+      class: "right",
+      onClick: i[0] || (i[0] = A(() => {
+      }, ["stop", "prevent"]))
+    }, [
+      b(s.$slots, "right", {}, void 0, !0)
+    ])
+  ]);
+}
+const W = /* @__PURE__ */ f(G, [["render", R], ["__scopeId", "data-v-5b362d85"]]);
+const X = {}, Y = (s) => (S("data-v-7a0e044b"), s = s(), E(), s), Z = /* @__PURE__ */ Y(() => /* @__PURE__ */ t("ul", null, [
+  /* @__PURE__ */ t("li", { class: "m1" }),
+  /* @__PURE__ */ t("li", { class: "m2" }),
+  /* @__PURE__ */ t("li", { class: "m3" })
+], -1)), ee = [
+  Z
+];
+function te(s, i) {
+  return c(), a("div", null, ee);
+}
+const se = /* @__PURE__ */ f(X, [["render", te], ["__scopeId", "data-v-7a0e044b"]]), m = (s) => (S("data-v-3bd476a8"), s = s(), E(), s), ne = { class: "list" }, ie = { class: "list-top-bar" }, ce = /* @__PURE__ */ m(() => /* @__PURE__ */ t("span", { class: "title" }, "\u64AD\u653E\u5217\u8868", -1)), oe = ["onClick"], re = /* @__PURE__ */ m(() => /* @__PURE__ */ t("span", { class: "delete-separator" }, null, -1)), ae = /* @__PURE__ */ m(() => /* @__PURE__ */ t("span", { class: "delete-text" }, "\u5220\u9664", -1)), le = [
+  re,
+  ae
+], ue = { class: "item" }, de = { class: "item-pic" }, _e = { class: "item-info" }, pe = { class: "item-info-title" }, me = { class: "item-info-subtitle" }, ve = {
+  key: 1,
+  class: "empty-text"
+}, ge = /* @__PURE__ */ m(() => /* @__PURE__ */ t("span", null, "\u6682\u65E0\u64AD\u653E\u5185\u5BB9", -1)), ye = [
+  ge
+], he = /* @__PURE__ */ V({
+  __name: "index",
+  props: {
+    isPlaying: null
+  },
+  emits: ["openVideo", "back"],
+  setup(s, { emit: i }) {
+    const l = s;
+    w((e) => ({
+      "1236eaa0": "url(" + u(C) + ")"
+    }));
+    const r = q(), v = (e) => e._id ? j(e._id) : C, o = N(null);
+    function k(e) {
+      i("openVideo", e);
+    }
+    function P(e) {
+      r.deleteHistory(e), l.isPlaying(e) && i("back");
+    }
+    function T(e) {
+      return !e.duration || e.duration == 0 || !e.currentTime || e.currentTime == 0 ? "0" : (e.currentTime / e.duration * 100).toFixed(0);
+    }
+    function D(e) {
+      return !e.invalid && l.isPlaying(e) ? `\u6B63\u5728\u89C2\u770B\uFF1A${B(e.currentTime)}` : `\u89C2\u770B\u81F3: ${T(e)}%`;
+    }
+    return Q(() => {
+      const e = r.infos.findIndex(l.isPlaying);
+      e > -1 && U(() => {
+        o.value && o.value.$el.scrollBy(0, L(9.4) * e);
+      });
+    }), (e, x) => (c(), a("div", ne, [
+      t("div", ie, [
+        ce,
+        t("div", {
+          class: "clear",
+          onClick: x[0] || (x[0] = (n) => u(r).clear())
+        }, [
+          d(I, { name: "svguse:#icon-\u56DE\u6536\u7AD9.svg" }),
+          _(" \u6E05\u7A7A ")
+        ])
+      ]),
+      d(M, {
+        class: "list-items",
+        ref_key: "qlist",
+        ref: o
+      }, {
+        default: p(() => [
+          u(r).infos.length > 0 ? (c(!0), a(g, { key: 0 }, H(u(r).infos, (n) => (c(), h(W, {
+            key: n.sourceUrl,
+            onClick: (F) => k(n),
+            class: $(["slide-item", { active: s.isPlaying(n) }])
+          }, {
+            right: p(() => [
+              t("div", {
+                class: "delete-area",
+                onClick: (F) => P(n)
+              }, le, 8, oe)
+            ]),
+            default: p(() => [
+              t("div", ue, [
+                t("div", de, [
+                  d(z, {
+                    fit: "fill",
+                    src: v(n),
+                    "no-spinner": ""
+                  }, {
+                    default: p(() => [
+                      t("div", {
+                        class: $(["absolute-bottom-right text-subtitle2 item-subtitle", { "item-invalid": n.invalid }])
+                      }, [
+                        n.invalid ? (c(), a(g, { key: 0 }, [
+                          d(I, { name: "svguse:#icon-\u5931\u6548.svg" }),
+                          _(" \u5DF2\u5931\u6548 ")
+                        ], 64)) : (c(), a(g, { key: 1 }, [
+                          _(y(u(B)(n.duration)), 1)
+                        ], 64))
+                      ], 2)
+                    ]),
+                    _: 2
+                  }, 1032, ["src"])
+                ]),
+                t("div", _e, [
+                  t("div", pe, y(n.name || n.sourceUrl), 1),
+                  t("div", me, [
+                    !n.invalid && s.isPlaying(n) ? (c(), h(se, { key: 0 })) : O("", !0),
+                    _(" " + y(D(n)), 1)
+                  ])
+                ])
+              ])
+            ]),
+            _: 2
+          }, 1032, ["onClick", "class"]))), 128)) : (c(), a("div", ve, ye))
+        ]),
+        _: 1
+      }, 512)
+    ]));
+  }
+});
+const fe = /* @__PURE__ */ f(he, [["__scopeId", "data-v-3bd476a8"]]), $e = /* @__PURE__ */ V({
+  __name: "list",
+  props: {
+    player: null
+  },
+  setup(s) {
+    const i = s;
+    function l(o) {
+      return o.sourceUrl === i.player.currentSrc();
+    }
+    function r() {
+      i.player.trigger({ type: "back" });
+    }
+    function v(o) {
+      i.player.trigger({ type: "openVideo", info: o });
+    }
+    return (o, k) => (c(), h(fe, {
+      isPlaying: l,
+      onBack: r,
+      onOpenVideo: v
+    }));
+  }
+});
+export {
+  $e as default
+};

package/dist/{lzc-video-player.47190826.js → lzc-video-player.72f780fe.js}

@@ -24459,9 +24459,9 @@ const _hoisted_1$6 = ["onClick"], _sfc_main$8 = /* @__PURE__ */ defineComponent(
   },
   setup(e) {
     const t = e, n = defineAsyncComponent(
-      () => import("./index-vertical.4c7b466b.js")
+      () => import("./index-vertical.3c29efab.js")
     ), a = defineAsyncComponent(
-      () => import("./index-horizontal.4350090a.js")
+      () => import("./index-horizontal.a3f55bc6.js")
     ), r = () => {
       t.modal.opened() && (activePage.value = "", t.modal.close());
     };
@@ -57040,14 +57040,8 @@ function useRefresh() {
   async function n() {
     if (!t)
       try {
-        (await lzcApi.rmp.ScanRMP({})).remoteMediaPlayers.forEach((o) => {
-          if (!o)
-            return;
-          const s = devices.value.findIndex(
-            (u) => u.uuid == o.uuid
-          );
-          s > -1 ? o.name === o.uuid ? devices.value.splice(s, 1) : devices.value.splice(s, 1, o) : o.name !== o.uuid && devices.value.push(o);
-        });
+        const r = await lzcApi.rmp.ScanRMP({});
+        devices.value = r.remoteMediaPlayers;
       } finally {
         e = setTimeout(() => {
           e && clearTimeout(e), n();
@@ -57389,17 +57383,23 @@ const _withScopeId$2 = (e) => (pushScopeId("data-v-04ecdf3e"), e = e(), popScope
       createVNode(QIcon, {
         onClick: n,
         name: "svguse:#icon-\u5168\u5C4F.svg",
-        size: "2.4rem"
+        size: "24px"
       }),
       unref(devices).length >= 0 ? (openBlock(), createBlock(QIcon, {
         key: 0,
         onClick: r,
         name: "svguse:#icon-\u6295\u5C4F.svg",
-        size: "2.4rem"
+        size: "24px"
       })) : createCommentVNode("", !0)
     ], 64));
   }
-}), _withScopeId$1 = (e) => (pushScopeId("data-v-672f0d57"), e = e(), popScopeId(), e), _hoisted_1$4 = { class: "overlay" }, _hoisted_2$2 = {
+});
+function isMobile() {
+  return navigator.userAgent.search(
+    /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
+  ) > -1;
+}
+const _withScopeId$1 = (e) => (pushScopeId("data-v-c30249df"), e = e(), popScopeId(), e), _hoisted_1$4 = { class: "overlay" }, _hoisted_2$2 = {
   key: 0,
   class: "vjs-overlay-padding top-space"
 }, _hoisted_3$2 = { class: "title" }, _hoisted_4$2 = { class: "overlay-center" }, _hoisted_5$2 = {
@@ -57415,13 +57415,13 @@ const _withScopeId$2 = (e) => (pushScopeId("data-v-04ecdf3e"), e = e(), popScope
       t.player.trigger({ type: "back" });
     }, { videoName: a } = useVideoName(t.player), r = ref(t.player.options_.showTopBar);
     return window.document.addEventListener("fullscreenchange", () => {
-      t.player.isFullscreen() ? r.value = !0 : r.value = t.player.options_.showTopBar;
+      t.player.isFullscreen() ? r.value = isMobile() : r.value = t.player.options_.showTopBar;
     }), (o, s) => (openBlock(), createElementBlock("div", _hoisted_1$4, [
       r.value ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
         createVNode(QIcon, {
           onClick: n,
           name: "svguse:#icon-\u8FD4\u56DE.svg",
-          size: "2.4rem"
+          size: "14px"
         }),
         createElementVNode("span", _hoisted_3$2, toDisplayString(unref(a)), 1),
         unref(vertical) ? createCommentVNode("", !0) : (openBlock(), createBlock(_sfc_main$6, {
@@ -57438,7 +57438,7 @@ const _withScopeId$2 = (e) => (pushScopeId("data-v-04ecdf3e"), e = e(), popScope
       _hoisted_6$2
     ]));
   }
-}), playingLayout_vue_vue_type_style_index_0_scoped_672f0d57_lang = "", PlayingLayout = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-672f0d57"]]), _hoisted_1$3 = { class: "sensitivity" }, _hoisted_2$1 = {
+}), playingLayout_vue_vue_type_style_index_0_scoped_c30249df_lang = "", PlayingLayout = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-c30249df"]]), _hoisted_1$3 = { class: "sensitivity" }, _hoisted_2$1 = {
   key: 0,
   class: "top-tip-container"
 }, _hoisted_3$1 = { class: "top-tip" }, _hoisted_4$1 = { class: "toast-text" }, _hoisted_5$1 = {
@@ -58255,7 +58255,7 @@ const _hoisted_1 = { class: "lzc-video-player h-full w-full" }, _sfc_main = /* @
     onInit: null,
     options: null
   },
-  emits: ["back"],
+  emits: ["back", "controlBarActive"],
   setup(e, { emit: t }) {
     const n = e;
     videojs.addLanguage("zh-CN", videoZH);
@@ -58333,7 +58333,7 @@ const _hoisted_1 = { class: "lzc-video-player h-full w-full" }, _sfc_main = /* @
       };
       a.load(), a.on("back", () => {
         a.dispose(), t("back");
-      }), a.on("seeked", d(1e3)), a.on("pause", d(1e3)), a.on("timeupdate", d(5e3)), a.on("canplay", () => {
+      }), a.on("seeked", d(1e3)), a.on("pause", d(1e3)), a.on("timeupdate", d(5e3)), a.on("useractive", () => t("controlBarActive", !0)), a.on("userinactive", () => t("controlBarActive", a.paused())), a.on("canplay", () => {
         a.play(), d(100);
       }), n.onInit && n.onInit(a), window.player = a;
     }), onUnmounted(() => {