@lazycatcloud/lzc-video-player 0.0.1

package/dist/components/Video/components/LzcPlaylistNext.d.ts

@@ -0,0 +1,13 @@
+import videojs from "video.js";
+declare const Button: {
+    new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined): videojs.Button;
+    prototype: videojs.Button;
+};
+declare class LzcPlaylistNext extends Button {
+    private store;
+    constructor(player: videojs.Player, options?: videojs.ComponentOptions);
+    createEl(): HTMLButtonElement;
+    dispose(): void;
+    handleClick(): void;
+}
+export default LzcPlaylistNext;

package/dist/components/Video/components/LzcProgress.d.ts

@@ -0,0 +1,53 @@
+import videojs from "video.js";
+declare const Component: {
+    new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined, ready?: videojs.Component.ReadyCallback | undefined): videojs.Component;
+    prototype: videojs.Component;
+    getComponent(name: "button" | "Button"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined): videojs.Button;
+        prototype: videojs.Button;
+    };
+    getComponent(name: "ClickableComponent" | "clickablecomponent"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ClickableComponentOptions | undefined): videojs.ClickableComponent;
+        prototype: videojs.ClickableComponent;
+    };
+    getComponent(name: "ModalDialog" | "modaldialog"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions | undefined): videojs.ModalDialog;
+        prototype: videojs.ModalDialog;
+    };
+    getComponent(name: "menu" | "Menu"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions | undefined): videojs.Menu;
+        prototype: videojs.Menu;
+    };
+    getComponent(name: "MenuButton" | "menubutton"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions | undefined): videojs.MenuButton;
+        prototype: videojs.MenuButton;
+    };
+    getComponent(name: "MenuItem" | "menuitem"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions | undefined): videojs.MenuItem;
+        prototype: videojs.MenuItem;
+    };
+    getComponent(name: "MouseTimeDisplay" | "mouseTimeDisplay"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined): videojs.MouseTimeDisplay;
+        prototype: videojs.MouseTimeDisplay;
+    };
+    getComponent(name: "Spacer" | "spacer"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined, ready?: videojs.Component.ReadyCallback | undefined): videojs.Spacer;
+        prototype: videojs.Spacer;
+    };
+    getComponent(name: "player" | "Player"): {
+        new (player: import("video.js").VideoJsPlayer, options?: import("video.js").VideoJsPlayerOptions | undefined): import("video.js").VideoJsPlayer;
+        prototype: import("video.js").VideoJsPlayer;
+        getTagSettings(tag: Element): any;
+    };
+    getComponent(name: "timeTooltip" | "TimeTooltip"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined): videojs.TimeToolTip;
+        prototype: videojs.TimeToolTip;
+    };
+    getComponent(name: string): any;
+    registerComponent(name: string, ComponentToRegister: any): any;
+};
+export declare class LzcProgress extends Component {
+    constructor(player: videojs.Player, options?: videojs.ProgressControlOptions);
+    createEl(): Element;
+}
+export default LzcProgress;

package/dist/components/Video/components/LzcRemainingTimeDisplay.d.ts

@@ -0,0 +1,55 @@
+import videojs from "video.js";
+declare const Component: {
+    new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined, ready?: videojs.Component.ReadyCallback | undefined): videojs.Component;
+    prototype: videojs.Component;
+    getComponent(name: "button" | "Button"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined): videojs.Button;
+        prototype: videojs.Button;
+    };
+    getComponent(name: "ClickableComponent" | "clickablecomponent"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ClickableComponentOptions | undefined): videojs.ClickableComponent;
+        prototype: videojs.ClickableComponent;
+    };
+    getComponent(name: "ModalDialog" | "modaldialog"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions | undefined): videojs.ModalDialog;
+        prototype: videojs.ModalDialog;
+    };
+    getComponent(name: "menu" | "Menu"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions | undefined): videojs.Menu;
+        prototype: videojs.Menu;
+    };
+    getComponent(name: "MenuButton" | "menubutton"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions | undefined): videojs.MenuButton;
+        prototype: videojs.MenuButton;
+    };
+    getComponent(name: "MenuItem" | "menuitem"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions | undefined): videojs.MenuItem;
+        prototype: videojs.MenuItem;
+    };
+    getComponent(name: "MouseTimeDisplay" | "mouseTimeDisplay"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined): videojs.MouseTimeDisplay;
+        prototype: videojs.MouseTimeDisplay;
+    };
+    getComponent(name: "Spacer" | "spacer"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined, ready?: videojs.Component.ReadyCallback | undefined): videojs.Spacer;
+        prototype: videojs.Spacer;
+    };
+    getComponent(name: "player" | "Player"): {
+        new (player: import("video.js").VideoJsPlayer, options?: import("video.js").VideoJsPlayerOptions | undefined): import("video.js").VideoJsPlayer;
+        prototype: import("video.js").VideoJsPlayer;
+        getTagSettings(tag: Element): any;
+    };
+    getComponent(name: "timeTooltip" | "TimeTooltip"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined): videojs.TimeToolTip;
+        prototype: videojs.TimeToolTip;
+    };
+    getComponent(name: string): any;
+    registerComponent(name: string, ComponentToRegister: any): any;
+};
+export declare class LzcRemainingTimeDisplay extends Component {
+    constructor(player: videojs.Player, options?: videojs.ComponentOptions);
+    buildCSSClass(): string;
+    createEl(): Element;
+    updateContent(): void;
+}
+export default LzcRemainingTimeDisplay;

package/dist/components/Video/components/LzcResolutionButton.d.ts

@@ -0,0 +1,12 @@
+import videojs from "video.js";
+declare const Button: {
+    new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined): videojs.Button;
+    prototype: videojs.Button;
+};
+declare class LzcResolutionButton extends Button {
+    constructor(player: videojs.Player, options?: videojs.ComponentOptions);
+    createEl(): HTMLButtonElement;
+    dispose(): void;
+    handleClick(): void;
+}
+export default LzcResolutionButton;

package/dist/components/Video/components/LzcSeekBar.d.ts

@@ -0,0 +1,55 @@
+import videojs from "video.js";
+declare const Component: {
+    new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined, ready?: videojs.Component.ReadyCallback | undefined): videojs.Component;
+    prototype: videojs.Component;
+    getComponent(name: "button" | "Button"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined): videojs.Button;
+        prototype: videojs.Button;
+    };
+    getComponent(name: "ClickableComponent" | "clickablecomponent"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ClickableComponentOptions | undefined): videojs.ClickableComponent;
+        prototype: videojs.ClickableComponent;
+    };
+    getComponent(name: "ModalDialog" | "modaldialog"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions | undefined): videojs.ModalDialog;
+        prototype: videojs.ModalDialog;
+    };
+    getComponent(name: "menu" | "Menu"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions | undefined): videojs.Menu;
+        prototype: videojs.Menu;
+    };
+    getComponent(name: "MenuButton" | "menubutton"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions | undefined): videojs.MenuButton;
+        prototype: videojs.MenuButton;
+    };
+    getComponent(name: "MenuItem" | "menuitem"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions | undefined): videojs.MenuItem;
+        prototype: videojs.MenuItem;
+    };
+    getComponent(name: "MouseTimeDisplay" | "mouseTimeDisplay"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined): videojs.MouseTimeDisplay;
+        prototype: videojs.MouseTimeDisplay;
+    };
+    getComponent(name: "Spacer" | "spacer"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined, ready?: videojs.Component.ReadyCallback | undefined): videojs.Spacer;
+        prototype: videojs.Spacer;
+    };
+    getComponent(name: "player" | "Player"): {
+        new (player: import("video.js").VideoJsPlayer, options?: import("video.js").VideoJsPlayerOptions | undefined): import("video.js").VideoJsPlayer;
+        prototype: import("video.js").VideoJsPlayer;
+        getTagSettings(tag: Element): any;
+    };
+    getComponent(name: "timeTooltip" | "TimeTooltip"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined): videojs.TimeToolTip;
+        prototype: videojs.TimeToolTip;
+    };
+    getComponent(name: string): any;
+    registerComponent(name: string, ComponentToRegister: any): any;
+};
+export declare class LzcSeekBar extends Component {
+    constructor(player: videojs.Player, options?: videojs.ProgressControlOptions);
+    handleMouseDown(event: videojs.EventTarget.Event): void;
+    handleMouseMove(event: videojs.EventTarget.Event): void;
+    handleMouseUp(event: videojs.EventTarget.Event): void;
+}
+export default LzcSeekBar;

package/dist/components/Video/components/useLzcCommon.d.ts

@@ -0,0 +1,3 @@
+export declare const vertical: import("vue").Ref<boolean>;
+export declare function formatTime(second: number): string;
+export declare function remHeight(rem: number, pixelRatio?: false): number;

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

@@ -0,0 +1,20 @@
+declare const _default: import("vue").DefineComponent<{
+    onInit: {
+        type: import("vue").PropType<(player: import("video.js").VideoJsPlayer) => void>;
+    };
+    options: {
+        type: import("vue").PropType<import("video.js").VideoJsPlayerOptions>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    back: () => 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>;
+    };
+    options: {
+        type: import("vue").PropType<import("video.js").VideoJsPlayerOptions>;
+    };
+}>> & {
+    onBack?: (() => any) | undefined;
+}, {}>;
+export default _default;

package/dist/components/Video/useOrientation.d.ts

@@ -0,0 +1,4 @@
+import type videojs from "video.js";
+export declare function getAngle(): number;
+export declare function onChange(fn: () => void): void;
+export declare function useOrientation(player: videojs.Player): void;

package/dist/components/Video/useSource.d.ts

@@ -0,0 +1,7 @@
+import type videojs from "video.js";
+export declare function useVideoPreview(player: videojs.Player): {
+    loadPreview: () => any;
+    getPreview: () => HTMLImageElement | undefined;
+    currentPage: () => number;
+};
+export declare function useSource(player: videojs.Player): void;

package/dist/components/Video/useWebview.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    IsApp(): any;
+    GetScreenBrightNess(): number;
+    GetCurrentVolume(): number;
+    SetScreentBrightness(b: number): void;
+    SetVoice(v: number): void;
+};
+export default _default;

package/dist/components/Video/useWebviewMiddleware.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Video/videoFrame.d.ts

@@ -0,0 +1,2 @@
+import type videojs from "video.js";
+export declare const makeVideoFrame: (player: videojs.Player) => Promise<Blob | null | undefined>;

package/dist/index-horizontal.4350090a.js

@@ -0,0 +1,31 @@
+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 "pinia";
+const m = { class: "modal-content" }, u = /* @__PURE__ */ i({
+  __name: "index-horizontal",
+  props: {
+    player: null
+  },
+  setup(a) {
+    const r = o(() => import("./list.7099181d.js")), s = o(() => import("./playrate.b2b089b8.js")), c = o(() => import("./resolution.2163011d.js"));
+    return (d, f) => (t(), p("div", m, [
+      e(n) === "LzcPlayrate" ? (t(), l(e(s), {
+        key: 0,
+        class: "playrate",
+        player: a.player
+      }, null, 8, ["player"])) : e(n) === "LzcResolution" ? (t(), l(e(c), {
+        key: 1,
+        class: "resolution",
+        player: a.player
+      }, null, 8, ["player"])) : e(n) === "LzcPlaylist" ? (t(), l(e(r), {
+        key: 2,
+        class: "list",
+        player: a.player
+      }, null, 8, ["player"])) : y("", !0)
+    ]));
+  }
+});
+const v = /* @__PURE__ */ _(u, [["__scopeId", "data-v-544917ae"]]);
+export {
+  v as default
+};

package/dist/index-vertical.4c7b466b.js

@@ -0,0 +1,28 @@
+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 "pinia";
+const m = { class: "modal-content" }, d = /* @__PURE__ */ p({
+  __name: "index-vertical",
+  props: {
+    player: null
+  },
+  setup(a) {
+    const r = l(() => import("./list.7099181d.js")), c = l(() => import("./playrate.b2b089b8.js")), i = l(() => import("./resolution.2163011d.js"));
+    return (u, f) => (t(), s("div", m, [
+      e(o) === "LzcPlayrate" ? (t(), n(e(c), {
+        key: 0,
+        player: a.player
+      }, null, 8, ["player"])) : e(o) === "LzcResolution" ? (t(), n(e(i), {
+        key: 1,
+        player: a.player
+      }, null, 8, ["player"])) : e(o) === "LzcPlaylist" ? (t(), n(e(r), {
+        key: 2,
+        player: a.player
+      }, null, 8, ["player"])) : y("", !0)
+    ]));
+  }
+});
+const L = /* @__PURE__ */ _(d, [["__scopeId", "data-v-fc9a6092"]]);
+export {
+  L as default
+};

package/dist/list.7099181d.js

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