@yimou6/common-ui 1.10.6 → 1.10.8

package/lib/components/tzj-player/src/easyPlayer.vue.d.ts

@@ -1,26 +1,122 @@
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     url: {
         type: StringConstructor;
-        required: true;
+        default: string;
+    };
+    accessToken: {
+        type: StringConstructor;
+        default: string;
+    };
+    areaName: {
+        type: StringConstructor;
+        default: string;
+    };
+    deviceSerial: {
+        type: StringConstructor;
+        default: string;
+    };
+    platformTypeName: {
+        type: StringConstructor;
+        default: string;
+    };
+    debug: {
+        type: BooleanConstructor;
+        default: boolean;
     };
 }>, {
-    props: any;
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        url: {
+            type: StringConstructor;
+            default: string;
+        };
+        accessToken: {
+            type: StringConstructor;
+            default: string;
+        };
+        areaName: {
+            type: StringConstructor;
+            default: string;
+        };
+        deviceSerial: {
+            type: StringConstructor;
+            default: string;
+        };
+        platformTypeName: {
+            type: StringConstructor;
+            default: string;
+        };
+        debug: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onPlay?: ((...args: any[]) => any) | undefined;
+        onPause?: ((...args: any[]) => any) | undefined;
+        onError?: ((...args: any[]) => any) | undefined;
+        onVideoInfo?: ((...args: any[]) => any) | undefined;
+        onTimeout?: ((...args: any[]) => any) | undefined;
+        onMute?: ((...args: any[]) => any) | undefined;
+    }> & {}>;
+    emits: (event: "error" | "play" | "pause" | "videoInfo" | "timeout" | "mute", ...args: any[]) => void;
+    slots: Readonly<{
+        [name: string]: import("vue").Slot<any> | undefined;
+    }>;
+    customBar: import("vue").ComputedRef<import("vue").Slot<any> | undefined>;
     player: any;
     id: string;
-    playerRef: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    playerRef: import("vue").ShallowRef<HTMLDivElement | undefined, HTMLDivElement | undefined>;
     playSuccess: import("vue").Ref<boolean, boolean>;
     playUrl: import("vue").Ref<string, string>;
+    isFullscreen: import("vue").Ref<boolean, boolean>;
+    videoInfo: import("vue").Ref<any, any>;
+    play: (url?: string) => void;
+    playerPause: () => void;
+    playerScreenShot: () => void;
+    playerFullscreen: (fullscreen: boolean) => void;
     initPlayer: (url: string) => Promise<void>;
     removePlayerDom: () => void;
     createPlayerDom: () => void;
     createPlayer: () => Promise<void>;
     destroy: () => void;
-    play: (url?: string) => void;
     formatUrl: (url: string) => string;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "play" | "pause" | "videoInfo" | "timeout" | "mute")[], "error" | "play" | "pause" | "videoInfo" | "timeout" | "mute", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     url: {
         type: StringConstructor;
-        required: true;
+        default: string;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    accessToken: {
+        type: StringConstructor;
+        default: string;
+    };
+    areaName: {
+        type: StringConstructor;
+        default: string;
+    };
+    deviceSerial: {
+        type: StringConstructor;
+        default: string;
+    };
+    platformTypeName: {
+        type: StringConstructor;
+        default: string;
+    };
+    debug: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onPlay?: ((...args: any[]) => any) | undefined;
+    onPause?: ((...args: any[]) => any) | undefined;
+    onError?: ((...args: any[]) => any) | undefined;
+    onVideoInfo?: ((...args: any[]) => any) | undefined;
+    onTimeout?: ((...args: any[]) => any) | undefined;
+    onMute?: ((...args: any[]) => any) | undefined;
+}>, {
+    url: string;
+    accessToken: string;
+    debug: boolean;
+    deviceSerial: string;
+    areaName: string;
+    platformTypeName: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/components/tzj-player/src/easyPlayer.vue2.js

@@ -20,16 +20,27 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: "EasyPlayer"
   },
   __name: "easyPlayer",
-  props: {
-    url: {}
-  },
-  setup(__props, { expose: __expose }) {
+  props: tzjPlayer.TzjPlayerProps,
+  emits: [
+    "timeout",
+    "error",
+    "play",
+    "pause",
+    "mute",
+    "videoInfo"
+  ],
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emits = __emit;
+    const slots = vue.useSlots();
+    const customBar = vue.computed(() => slots.customBar);
     let player = null;
     const id = tzjPlayer.uuid();
     const playerRef = vue.shallowRef();
     const playSuccess = vue.ref(true);
     const playUrl = vue.ref("");
+    const isFullscreen = vue.ref(false);
+    const videoInfo = vue.ref(null);
     vue.onMounted(() => {
       initPlayer(props.url || "");
     });
@@ -40,17 +51,81 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     );
     vue.onBeforeUnmount(() => {
+      if (props.debug) {
+        console.log("\u7EC4\u4EF6\u5378\u8F7D");
+      }
       playUrl.value = "";
       destroy();
     });
+    const play = /* @__PURE__ */ __name((url) => {
+      if (url) {
+        initPlayer(url);
+      } else {
+        if (player) {
+          player.play(playUrl.value);
+        } else {
+          destroy();
+        }
+      }
+    }, "play");
+    const playerPause = /* @__PURE__ */ __name(() => {
+      var _a;
+      if (props.debug) {
+        console.log("\u6682\u505C");
+      }
+      (_a = player == null ? void 0 : player.pause) == null ? void 0 : _a.call(player);
+    }, "playerPause");
+    const playerScreenShot = /* @__PURE__ */ __name(() => {
+      var _a;
+      if (props.debug) {
+        console.log("\u622A\u56FE");
+      }
+      (_a = player == null ? void 0 : player.screenshot) == null ? void 0 : _a.call(
+        player,
+        `${props.areaName}_${(/* @__PURE__ */ new Date()).getTime()}`,
+        "png",
+        0.5,
+        "download"
+      );
+    }, "playerScreenShot");
+    const playerFullscreen = /* @__PURE__ */ __name((fullscreen) => {
+      var _a, _b, _c;
+      if (props.debug) {
+        console.log("\u5168\u5C4F");
+      }
+      if (fullscreen) {
+        (_a = document.exitFullscreen) == null ? void 0 : _a.call(document);
+      } else {
+        (_c = (_b = playerRef.value) == null ? void 0 : _b.requestFullscreen) == null ? void 0 : _c.call(_b);
+      }
+      isFullscreen.value = !fullscreen;
+    }, "playerFullscreen");
     __expose({
       play,
-      destroy
+      destroy,
+      getPlayer: /* @__PURE__ */ __name(() => player, "getPlayer"),
+      pause: playerPause,
+      screenshot: playerScreenShot,
+      fullscreen: playerFullscreen,
+      isMute: /* @__PURE__ */ __name(() => {
+        var _a;
+        return (_a = player == null ? void 0 : player.isMute) == null ? void 0 : _a.call(player);
+      }, "isMute"),
+      setMute: /* @__PURE__ */ __name((mute) => {
+        var _a;
+        (_a = player == null ? void 0 : player.setMute) == null ? void 0 : _a.call(player, mute);
+      }, "setMute")
     });
     async function initPlayer(url) {
+      if (props.debug) {
+        console.log("\u521D\u59CB\u5316\u64AD\u653E\u5668", url);
+      }
       removePlayerDom();
       if (url) {
         playUrl.value = formatUrl(url);
+        if (props.debug) {
+          console.log("\u683C\u5F0F\u5316\u540E\u7684url", playUrl.value);
+        }
         if (window == null ? void 0 : window.EasyPlayerPro) {
           createPlayer();
         } else {
@@ -80,6 +155,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     }
     __name(createPlayerDom, "createPlayerDom");
     async function createPlayer() {
+      if (props.debug) {
+        console.log("\u521B\u5EFA\u64AD\u653E\u5668");
+      }
+      videoInfo.value = null;
       createPlayerDom();
       await vue.nextTick();
       player = new window.EasyPlayerPro(document.getElementById(id), {
@@ -99,15 +178,47 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           performance: false
         }
       });
+      player == null ? void 0 : player.play(playUrl.value);
+      const videoInfoTimer = setTimeout(() => {
+        if (!videoInfo.value) {
+          props.debug && console.log("15s\u672A\u83B7\u53D6\u5230\u89C6\u9891\u4FE1\u606F");
+          emits("error");
+          playSuccess.value = false;
+          destroy();
+        }
+      }, 3e3);
       player.on("timeout", () => {
+        clearTimeout(videoInfoTimer);
+        props.debug && console.log("\u52A0\u8F7D\u8D85\u65F6");
+        emits("timeout");
         playSuccess.value = false;
         destroy();
       });
       player.on("error", () => {
+        props.debug && console.log("\u64AD\u653E\u5F02\u5E38");
+        emits("error");
         playSuccess.value = false;
         destroy();
       });
-      play(props.url);
+      player.on("play", () => {
+        playSuccess.value = true;
+        props.debug && console.log("\u64AD\u653E");
+        emits("play");
+      });
+      player.on("pause", () => {
+        props.debug && console.log("\u6682\u505C");
+        emits("pause");
+      });
+      player.on("videoInfo", (info) => {
+        clearTimeout(videoInfoTimer);
+        props.debug && console.log("\u89C6\u9891\u4FE1\u606F", info);
+        videoInfo.value = info;
+        emits("videoInfo", info);
+      });
+      player.on("mute", (mute) => {
+        props.debug && console.log("\u9759\u97F3");
+        emits("mute", mute);
+      });
     }
     __name(createPlayer, "createPlayer");
     function destroy() {
@@ -118,15 +229,6 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       removePlayerDom();
     }
     __name(destroy, "destroy");
-    function play(url) {
-      if (player && (url || props.url)) {
-        playUrl.value = formatUrl(url || props.url);
-        player.play(playUrl.value);
-      } else {
-        initPlayer(url || props.url);
-      }
-    }
-    __name(play, "play");
     function formatUrl(url) {
       if (url.startsWith("/")) {
         return `${window.location.origin}${url}`;
@@ -140,14 +242,16 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         {
           ref_key: "playerRef",
           ref: playerRef,
-          class: "i-tzj-player"
+          class: vue.normalizeClass(["i-tzj-easyPlayer", customBar.value ? "i-tzj-easyPlayer--custom" : ""])
         },
         [
           !playSuccess.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, "\u65E0\u4FE1\u53F7")) : vue.createCommentVNode("v-if", true),
-          !playUrl.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, "\u65E0\u64AD\u653E\u5730\u5740")) : vue.createCommentVNode("v-if", true)
+          !playUrl.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, "\u65E0\u64AD\u653E\u5730\u5740")) : vue.createCommentVNode("v-if", true),
+          vue.createCommentVNode(" \u64AD\u653E\u5668\u5E95\u90E8\u64CD\u4F5C\u680F "),
+          vue.renderSlot(_ctx.$slots, "customBar")
         ],
-        512
-        /* NEED_PATCH */
+        2
+        /* CLASS */
       );
     };
   }

package/lib/components/tzj-player/src/easyPlayer.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"easyPlayer.vue2.js","sources":["../../../../../../../packages/components/tzj-player/src/easyPlayer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  shallowRef,\n  watch,\n} from \"vue\";\nimport { uuid } from \"./tzj-player\";\n\ndefineOptions({\n  name: \"EasyPlayer\",\n});\n\nconst props = defineProps<{\n  url: string;\n}>();\n\nlet player: any = null;\nconst id = uuid();\nconst playerRef = shallowRef<HTMLElement>();\nconst playSuccess = ref(true);\nconst playUrl = ref(\"\");\n\nonMounted(() => {\n  initPlayer(props.url || \"\");\n});\n\nwatch(\n  () => props.url,\n  (newUrl) => {\n    initPlayer(newUrl || \"\");\n  },\n);\n\nonBeforeUnmount(() => {\n  playUrl.value = \"\";\n  destroy();\n});\n\ndefineExpose({\n  play,\n  destroy,\n});\n\nasync function initPlayer(url: string) {\n  removePlayerDom();\n  if (url) {\n    playUrl.value = formatUrl(url);\n\n    if (window?.EasyPlayerPro) {\n      createPlayer();\n    } else {\n      const timer = setInterval(() => {\n        if (window?.EasyPlayerPro) {\n          createPlayer();\n          clearInterval(timer);\n        }\n      }, 100);\n    }\n  }\n}\n\n// 移除播放器DOM\nfunction removePlayerDom() {\n  const dom = document.getElementById(id);\n  dom && dom.remove();\n}\n\n// 创建播放器DOM\nfunction createPlayerDom() {\n  removePlayerDom();\n  const dom = document.createElement(\"div\");\n  dom.id = id;\n  dom.style.width = \"100%\";\n  dom.style.height = \"100%\";\n  playerRef.value?.appendChild(dom);\n}\n\nasync function createPlayer() {\n  createPlayerDom();\n  await nextTick();\n  player = new window.EasyPlayerPro(document.getElementById(id), {\n    isLive: true, // 是否直播\n    hasAudio: true, // 是否解析音频\n    bufferTime: 0.2, // 缓存时长\n    stretch: true, // 加视频拉伸\n    MSE: false,\n    WCS: false,\n    WASM: true,\n    debug: false,\n    operateBtns: {\n      performance: false,\n    },\n  });\n\n  // 加载超时\n  player.on(\"timeout\", () => {\n    playSuccess.value = false;\n    destroy();\n  });\n  // 播放异常\n  player.on(\"error\", () => {\n    playSuccess.value = false;\n    destroy();\n  });\n  play(props.url);\n}\n\nfunction destroy() {\n  if (player) {\n    player.destroy();\n    player = null;\n  }\n  removePlayerDom();\n}\n\nfunction play(url?: string) {\n  if (player && (url || props.url)) {\n    playUrl.value = formatUrl(url || props.url);\n    player.play(playUrl.value);\n  } else {\n    initPlayer(url || props.url);\n  }\n}\n\n/**\n * 格式化url\n * 当url为相对路径时，添加baseUrl。baseUrl为当前页面的url\n * @param url\n * @example\n * formatUrl('/test.mp4') => 'http://192.168.111.206:8080/test.mp4'\n * formatUrl('http://192.168.111.206:8080/test.mp4') => 'http://192.168.111.206:8080/test.mp4'\n */\nfunction formatUrl(url: string) {\n  if (url.startsWith(\"/\")) {\n    return `${window.location.origin}${url}`;\n  }\n  return url;\n}\n</script>\n\n<template>\n  <div ref=\"playerRef\" class=\"i-tzj-player\">\n    <div v-if=\"!playSuccess\" class=\"i-tzj-player__error\">无信号</div>\n    <div v-if=\"!playUrl\" class=\"i-tzj-player__error\">无播放地址</div>\n  </div>\n</template>\n"],"names":["uuid","shallowRef","ref","onMounted","watch","onBeforeUnmount","nextTick","_createElementBlock"],"mappings":"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"}
+{"version":3,"file":"easyPlayer.vue2.js","sources":["../../../../../../../packages/components/tzj-player/src/easyPlayer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  shallowRef,\n  useSlots,\n  watch,\n} from \"vue\";\nimport { TzjPlayerProps, uuid } from \"./tzj-player\";\n\ndefineOptions({\n  name: \"EasyPlayer\",\n});\n\nconst props = defineProps(TzjPlayerProps);\nconst emits = defineEmits([\n  \"timeout\",\n  \"error\",\n  \"play\",\n  \"pause\",\n  \"mute\",\n  \"videoInfo\",\n]);\nconst slots = useSlots();\nconst customBar = computed(() => slots.customBar);\n\nlet player: any = null;\nconst id = uuid();\nconst playerRef = shallowRef<HTMLDivElement>();\nconst playSuccess = ref(true);\nconst playUrl = ref(\"\");\nconst isFullscreen = ref(false);\nconst videoInfo = ref<any>(null);\n\nonMounted(() => {\n  initPlayer(props.url || \"\");\n});\n\nwatch(\n  () => props.url,\n  (newUrl: string) => {\n    initPlayer(newUrl || \"\");\n  },\n);\n\nonBeforeUnmount(() => {\n  if (props.debug) {\n    console.log(\"组件卸载\");\n  }\n  playUrl.value = \"\";\n  destroy();\n});\n\nconst play = (url?: string) => {\n  if (url) {\n    initPlayer(url);\n  } else {\n    if (player) {\n      player.play(playUrl.value);\n    } else {\n      destroy();\n    }\n  }\n};\n\nconst playerPause = () => {\n  if (props.debug) {\n    console.log(\"暂停\");\n  }\n  player?.pause?.();\n};\n\nconst playerScreenShot = () => {\n  if (props.debug) {\n    console.log(\"截图\");\n  }\n  player?.screenshot?.(\n    `${props.areaName}_${new Date().getTime()}`,\n    \"png\",\n    0.5,\n    \"download\",\n  );\n};\n\nconst playerFullscreen = (fullscreen: boolean) => {\n  if (props.debug) {\n    console.log(\"全屏\");\n  }\n  // 自定义全屏逻辑\n  if (fullscreen) {\n    document.exitFullscreen?.();\n  } else {\n    playerRef.value?.requestFullscreen?.();\n  }\n  isFullscreen.value = !fullscreen;\n};\ndefineExpose({\n  play,\n  destroy,\n  getPlayer: () => player,\n  pause: playerPause,\n  screenshot: playerScreenShot,\n  fullscreen: playerFullscreen,\n  isMute: () => {\n    return player?.isMute?.();\n  },\n  setMute: (mute: number) => {\n    player?.setMute?.(mute);\n  },\n});\n\nasync function initPlayer(url: string) {\n  if (props.debug) {\n    console.log(\"初始化播放器\", url);\n  }\n  removePlayerDom();\n  if (url) {\n    playUrl.value = formatUrl(url);\n    if (props.debug) {\n      console.log(\"格式化后的url\", playUrl.value);\n    }\n    if (window?.EasyPlayerPro) {\n      createPlayer();\n    } else {\n      const timer = setInterval(() => {\n        if (window?.EasyPlayerPro) {\n          createPlayer();\n          clearInterval(timer);\n        }\n      }, 100);\n    }\n  }\n}\n\n// 移除播放器DOM\nfunction removePlayerDom() {\n  const dom = document.getElementById(id);\n  dom && dom.remove();\n}\n\n// 创建播放器DOM\nfunction createPlayerDom() {\n  removePlayerDom();\n  const dom = document.createElement(\"div\");\n  dom.id = id;\n  dom.style.width = \"100%\";\n  dom.style.height = \"100%\";\n  playerRef.value?.appendChild(dom);\n}\n\nasync function createPlayer() {\n  if (props.debug) {\n    console.log(\"创建播放器\");\n  }\n  videoInfo.value = null;\n  createPlayerDom();\n  await nextTick();\n  player = new window.EasyPlayerPro(document.getElementById(id), {\n    isLive: true, // 是否直播\n    hasAudio: true, // 是否解析音频\n    bufferTime: 0.2, // 缓存时长\n    stretch: true, // 加视频拉伸\n    MSE: false,\n    WCS: false,\n    WASM: true,\n    debug: false,\n    operateBtns: {\n      performance: false,\n    },\n  });\n  player?.play(playUrl.value);\n\n  // 15s未获取到视频信息，认为播放失败\n  const videoInfoTimer = setTimeout(() => {\n    if (!videoInfo.value) {\n      props.debug && console.log(\"15s未获取到视频信息\");\n      emits(\"error\");\n      playSuccess.value = false;\n      destroy();\n    }\n  }, 3000);\n  // 加载超时\n  player.on(\"timeout\", () => {\n    clearTimeout(videoInfoTimer);\n    props.debug && console.log(\"加载超时\");\n    emits(\"timeout\");\n    playSuccess.value = false;\n    destroy();\n  });\n  // 播放异常\n  player.on(\"error\", () => {\n    props.debug && console.log(\"播放异常\");\n    emits(\"error\");\n    playSuccess.value = false;\n    destroy();\n  });\n  player.on(\"play\", () => {\n    playSuccess.value = true;\n    props.debug && console.log(\"播放\");\n    emits(\"play\");\n  });\n  player.on(\"pause\", () => {\n    props.debug && console.log(\"暂停\");\n    emits(\"pause\");\n  });\n  player.on(\"videoInfo\", (info: any) => {\n    clearTimeout(videoInfoTimer);\n    props.debug && console.log(\"视频信息\", info);\n    videoInfo.value = info;\n    emits(\"videoInfo\", info);\n  });\n  player.on(\"mute\", (mute: false) => {\n    props.debug && console.log(\"静音\");\n    emits(\"mute\", mute);\n  });\n}\n\nfunction destroy() {\n  if (player) {\n    player.destroy();\n    player = null;\n  }\n  removePlayerDom();\n}\n\n/**\n * 格式化url\n * 当url为相对路径时，添加baseUrl。baseUrl为当前页面的url\n * @param url\n * @example\n * formatUrl('/test.mp4') => 'http://192.168.111.206:8080/test.mp4'\n * formatUrl('http://192.168.111.206:8080/test.mp4') => 'http://192.168.111.206:8080/test.mp4'\n */\nfunction formatUrl(url: string) {\n  if (url.startsWith(\"/\")) {\n    return `${window.location.origin}${url}`;\n  }\n  return url;\n}\n</script>\n\n<template>\n  <div\n    ref=\"playerRef\"\n    class=\"i-tzj-easyPlayer\"\n    :class=\"customBar ? 'i-tzj-easyPlayer--custom' : ''\"\n  >\n    <div v-if=\"!playSuccess\" class=\"i-tzj-player__error\">无信号</div>\n    <div v-if=\"!playUrl\" class=\"i-tzj-player__error\">无播放地址</div>\n\n    <!-- 播放器底部操作栏 -->\n    <slot name=\"customBar\" />\n  </div>\n</template>\n"],"names":["useSlots","computed","uuid","shallowRef","ref","onMounted","watch","onBeforeUnmount","nextTick","_createElementBlock","_normalizeClass","_createCommentVNode","_renderSlot"],"mappings":"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"}

package/lib/components/tzj-player/src/tzj-player.d.ts

@@ -1,5 +1,5 @@
-import type { ExtractPropTypes } from 'vue';
-import type TzjPlayer from './tzj-player.vue';
+import type { ExtractPropTypes } from "vue";
+import type TzjPlayer from "./tzj-player.vue";
 export declare const TzjPlayerProps: {
     url: {
         type: StringConstructor;
@@ -9,8 +9,25 @@ export declare const TzjPlayerProps: {
         type: StringConstructor;
         default: string;
     };
+    areaName: {
+        type: StringConstructor;
+        default: string;
+    };
+    deviceSerial: {
+        type: StringConstructor;
+        default: string;
+    };
+    platformTypeName: {
+        type: StringConstructor;
+        default: string;
+    };
+    debug: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export declare function uuid(): string;
 export declare function isSupportedProtocol(url: string): boolean;
+export declare function getVideoType(url: string): string;
 export type TzjPlayerPropsType = ExtractPropTypes<typeof TzjPlayerProps>;
 export type TzjPlayerInstance = InstanceType<typeof TzjPlayer>;

package/lib/components/tzj-player/src/tzj-player.js

@@ -3,13 +3,44 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 const TzjPlayerProps = {
+  /**
+   * 视频地址
+   */
   url: {
     type: String,
     default: ""
   },
+  /**
+   * 访问令牌
+   */
   accessToken: {
     type: String,
     default: ""
+  },
+  /**
+   * 视频标题
+   */
+  areaName: {
+    type: String,
+    default: ""
+  },
+  /**
+   * 视频ID
+   */
+  deviceSerial: {
+    type: String,
+    default: ""
+  },
+  /**
+   * 视频平台类型名称
+   */
+  platformTypeName: {
+    type: String,
+    default: ""
+  },
+  debug: {
+    type: Boolean,
+    default: false
   }
 };
 function uuid() {
@@ -31,8 +62,24 @@ function isSupportedProtocol(url) {
   return protocolRegex.test(url.trim());
 }
 __name(isSupportedProtocol, "isSupportedProtocol");
+function getVideoType(url) {
+  if (!url || typeof url !== "string") {
+    return "";
+  }
+  const pathWithoutQuery = url.split("?")[0];
+  const lowerPath = pathWithoutQuery.toLowerCase();
+  if (lowerPath.endsWith(".flv")) {
+    return "flv";
+  }
+  if (lowerPath.endsWith("/hls.m3u8")) {
+    return "hls";
+  }
+  return "";
+}
+__name(getVideoType, "getVideoType");
 
 exports.TzjPlayerProps = TzjPlayerProps;
+exports.getVideoType = getVideoType;
 exports.isSupportedProtocol = isSupportedProtocol;
 exports.uuid = uuid;
 //# sourceMappingURL=tzj-player.js.map

package/lib/components/tzj-player/src/tzj-player.js.map

@@ -1 +1 @@
-{"version":3,"file":"tzj-player.js","sources":["../../../../../../../packages/components/tzj-player/src/tzj-player.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue';\nimport type TzjPlayer from './tzj-player.vue';\n\nexport const TzjPlayerProps = {\n  url: {\n    type: String,\n    default: '',\n  },\n  accessToken: {\n    type: String,\n    default: '',\n  },\n};\n\nexport function uuid(): string {\n  return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, c => {\n    const r = (Math.random() * 16) | 0;\n    const v = c === 'x' ? r : (r & 0x3) | 0x8;\n    return v.toString(16);\n  });\n}\n\n/**\n * 是否为支持的协议\n * 支持：http,https,ws,wss,ezopen(萤石云)\n *  * 当URL不包含协议时（相对地址），也返回true\n */\nexport function isSupportedProtocol(url: string): boolean {\n  if (!url || typeof url !== 'string') {\n    return false;\n  }\n\n  // 如果URL不包含协议部分（相对地址），返回true\n  if (!url.includes('://')) {\n    return true;\n  }\n\n  const protocolRegex = /^(https?|wss?|ezopen):\\/\\/.+$/i;\n  return protocolRegex.test(url.trim());\n}\n\nexport type TzjPlayerPropsType = ExtractPropTypes<typeof TzjPlayerProps>;\nexport type TzjPlayerInstance = InstanceType<typeof TzjPlayer>;\n"],"names":[],"mappings":";;;;AAGO,MAAM,cAAiB,GAAA;AAAA,EAC5B,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA;AAAA,GACX;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA;AAAA;AAEb;AAEO,SAAS,IAAe,GAAA;AAC7B,EAAO,OAAA,kCAAA,CAAmC,OAAQ,CAAA,OAAA,EAAS,CAAK,CAAA,KAAA;AAC9D,IAAA,MAAM,CAAK,GAAA,IAAA,CAAK,MAAO,EAAA,GAAI,EAAM,GAAA,CAAA;AACjC,IAAA,MAAM,CAAI,GAAA,CAAA,KAAM,GAAM,GAAA,CAAA,GAAK,IAAI,CAAO,GAAA,CAAA;AACtC,IAAO,OAAA,CAAA,CAAE,SAAS,EAAE,CAAA;AAAA,GACrB,CAAA;AACH;AANgB,MAAA,CAAA,IAAA,EAAA,MAAA,CAAA;AAaT,SAAS,oBAAoB,GAAsB,EAAA;AACxD,EAAA,IAAI,CAAC,GAAA,IAAO,OAAO,GAAA,KAAQ,QAAU,EAAA;AACnC,IAAO,OAAA,KAAA;AAAA;AAIT,EAAA,IAAI,CAAC,GAAA,CAAI,QAAS,CAAA,KAAK,CAAG,EAAA;AACxB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,MAAM,aAAgB,GAAA,gCAAA;AACtB,EAAA,OAAO,aAAc,CAAA,IAAA,CAAK,GAAI,CAAA,IAAA,EAAM,CAAA;AACtC;AAZgB,MAAA,CAAA,mBAAA,EAAA,qBAAA,CAAA;;;;;;"}
+{"version":3,"file":"tzj-player.js","sources":["../../../../../../../packages/components/tzj-player/src/tzj-player.ts"],"sourcesContent":["import type { ExtractPropTypes } from \"vue\";\nimport type TzjPlayer from \"./tzj-player.vue\";\n\nexport const TzjPlayerProps = {\n  /**\n   * 视频地址\n   */\n  url: {\n    type: String,\n    default: \"\",\n  },\n  /**\n   * 访问令牌\n   */\n  accessToken: {\n    type: String,\n    default: \"\",\n  },\n  /**\n   * 视频标题\n   */\n  areaName: {\n    type: String,\n    default: \"\",\n  },\n  /**\n   * 视频ID\n   */\n  deviceSerial: {\n    type: String,\n    default: \"\",\n  },\n  /**\n   * 视频平台类型名称\n   */\n  platformTypeName: {\n    type: String,\n    default: \"\",\n  },\n  debug: {\n    type: Boolean,\n    default: false,\n  },\n};\n\nexport function uuid(): string {\n  return \"xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx\".replace(/[xy]/g, (c) => {\n    const r = (Math.random() * 16) | 0;\n    const v = c === \"x\" ? r : (r & 0x3) | 0x8;\n    return v.toString(16);\n  });\n}\n\n/**\n * 是否为支持的协议\n * 支持：http,https,ws,wss,ezopen(萤石云)\n *  当URL不包含协议时（相对地址），也返回true\n */\nexport function isSupportedProtocol(url: string): boolean {\n  if (!url || typeof url !== \"string\") {\n    return false;\n  }\n\n  // 如果URL不包含协议部分（相对地址），返回true\n  if (!url.includes(\"://\")) {\n    return true;\n  }\n\n  const protocolRegex = /^(https?|wss?|ezopen):\\/\\/.+$/i;\n  return protocolRegex.test(url.trim());\n}\n\n/**\n * 从路径中获取视频类型\n * @param url 视频路径\n * @returns 视频类型\n * /asdasd.flv?asdaslkg=123 => flv\n * /asdasd.live.flv?asdaslkg=123 => flv\n * /asdasd/hls.m3u8?asdaslkg=123 => hls\n */\nexport function getVideoType(url: string): string {\n  if (!url || typeof url !== \"string\") {\n    return \"\";\n  }\n\n  // 移除查询参数部分（?及其之后的内容）\n  const pathWithoutQuery = url.split(\"?\")[0];\n\n  // 转换为小写进行不区分大小写的匹配\n  const lowerPath = pathWithoutQuery.toLowerCase();\n\n  // 判断是否以.flv结尾\n  if (lowerPath.endsWith(\".flv\")) {\n    return \"flv\";\n  }\n\n  // 判断是否以/hls.m3u8结尾\n  if (lowerPath.endsWith(\"/hls.m3u8\")) {\n    return \"hls\";\n  }\n\n  // 如果都不匹配，返回空字符串\n  return \"\";\n}\n\nexport type TzjPlayerPropsType = ExtractPropTypes<typeof TzjPlayerProps>;\nexport type TzjPlayerInstance = InstanceType<typeof TzjPlayer>;\n"],"names":[],"mappings":";;;;AAGO,MAAM,cAAiB,GAAA;AAAA;AAAA;AAAA;AAAA,EAI5B,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA;AAAA,GACX;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA;AAAA;AAEb;AAEO,SAAS,IAAe,GAAA;AAC7B,EAAA,OAAO,kCAAmC,CAAA,OAAA,CAAQ,OAAS,EAAA,CAAC,CAAM,KAAA;AAChE,IAAA,MAAM,CAAK,GAAA,IAAA,CAAK,MAAO,EAAA,GAAI,EAAM,GAAA,CAAA;AACjC,IAAA,MAAM,CAAI,GAAA,CAAA,KAAM,GAAM,GAAA,CAAA,GAAK,IAAI,CAAO,GAAA,CAAA;AACtC,IAAO,OAAA,CAAA,CAAE,SAAS,EAAE,CAAA;AAAA,GACrB,CAAA;AACH;AANgB,MAAA,CAAA,IAAA,EAAA,MAAA,CAAA;AAaT,SAAS,oBAAoB,GAAsB,EAAA;AACxD,EAAA,IAAI,CAAC,GAAA,IAAO,OAAO,GAAA,KAAQ,QAAU,EAAA;AACnC,IAAO,OAAA,KAAA;AAAA;AAIT,EAAA,IAAI,CAAC,GAAA,CAAI,QAAS,CAAA,KAAK,CAAG,EAAA;AACxB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,MAAM,aAAgB,GAAA,gCAAA;AACtB,EAAA,OAAO,aAAc,CAAA,IAAA,CAAK,GAAI,CAAA,IAAA,EAAM,CAAA;AACtC;AAZgB,MAAA,CAAA,mBAAA,EAAA,qBAAA,CAAA;AAsBT,SAAS,aAAa,GAAqB,EAAA;AAChD,EAAA,IAAI,CAAC,GAAA,IAAO,OAAO,GAAA,KAAQ,QAAU,EAAA;AACnC,IAAO,OAAA,EAAA;AAAA;AAIT,EAAA,MAAM,gBAAmB,GAAA,GAAA,CAAI,KAAM,CAAA,GAAG,EAAE,CAAC,CAAA;AAGzC,EAAM,MAAA,SAAA,GAAY,iBAAiB,WAAY,EAAA;AAG/C,EAAI,IAAA,SAAA,CAAU,QAAS,CAAA,MAAM,CAAG,EAAA;AAC9B,IAAO,OAAA,KAAA;AAAA;AAIT,EAAI,IAAA,SAAA,CAAU,QAAS,CAAA,WAAW,CAAG,EAAA;AACnC,IAAO,OAAA,KAAA;AAAA;AAIT,EAAO,OAAA,EAAA;AACT;AAvBgB,MAAA,CAAA,YAAA,EAAA,cAAA,CAAA;;;;;;;"}