@yimou6/common-ui 1.10.7 → 1.10.9

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

@@ -6,20 +6,16 @@ var vue = require('vue');
 require('./easyPlayer.vue.js');
 var tzjPlayer = require('./tzj-player.js');
 require('./ysPlayer.vue.js');
+require('./yunzhiyanPlayer.vue.js');
+var yunzhiyanPlayer_vue_vue_type_script_setup_true_lang = require('./yunzhiyanPlayer.vue2.js');
 var ysPlayer_vue_vue_type_script_setup_true_lang = require('./ysPlayer.vue2.js');
 var easyPlayer_vue_vue_type_script_setup_true_lang = require('./easyPlayer.vue2.js');
 
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 const _hoisted_1 = { class: "i-tzj-player" };
 const _hoisted_2 = {
   key: 0,
   class: "i-tzj-player__error"
 };
-const _hoisted_3 = {
-  key: 1,
-  class: "i-tzj-player__error"
-};
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "ITzjPlayer"
@@ -28,50 +24,147 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   props: tzjPlayer.TzjPlayerProps,
   setup(__props, { expose: __expose }) {
     const props = __props;
-    const comp = vue.shallowRef();
+    const { url, platformTypeName, accessToken } = vue.toRefs(props);
     const compRef = vue.shallowRef();
-    const supportedProtocol = vue.ref(true);
-    vue.onMounted(() => initPlayer());
-    vue.watch(
-      () => [props.url, props.accessToken],
-      () => initPlayer()
-    );
-    function initPlayer() {
-      supportedProtocol.value = tzjPlayer.isSupportedProtocol(props.url);
-      if (supportedProtocol.value) {
-        comp.value = props.accessToken && props.accessToken.length > 32 ? ysPlayer_vue_vue_type_script_setup_true_lang.default : easyPlayer_vue_vue_type_script_setup_true_lang.default;
-      } else {
-        comp.value = null;
+    const PLATFORM_COMPONENTS = {
+      \u4E91\u667A\u773C: yunzhiyanPlayer_vue_vue_type_script_setup_true_lang.default,
+      \u8424\u77F3\u4E91: ysPlayer_vue_vue_type_script_setup_true_lang.default
+    };
+    const playerComponent = vue.computed(() => {
+      if (platformTypeName.value) {
+        return PLATFORM_COMPONENTS[platformTypeName.value] || easyPlayer_vue_vue_type_script_setup_true_lang.default;
+      }
+      if (!url.value) {
+        return null;
+      }
+      if (!tzjPlayer.isSupportedProtocol(url.value)) {
+        return null;
+      }
+      if (url.value.includes("ezopen")) {
+        return ysPlayer_vue_vue_type_script_setup_true_lang.default;
+      }
+      const videoType = tzjPlayer.getVideoType(url.value);
+      return videoType ? easyPlayer_vue_vue_type_script_setup_true_lang.default : null;
+    });
+    const errorState = vue.computed(() => {
+      if (platformTypeName.value === "\u4E91\u667A\u773C") {
+        return null;
       }
-    }
-    __name(initPlayer, "initPlayer");
+      if (!url.value) {
+        return {
+          type: "no-url",
+          message: "\u65E0\u89C6\u9891\u5730\u5740"
+        };
+      }
+      if (!tzjPlayer.isSupportedProtocol(url.value)) {
+        return {
+          type: "unsupported-protocol",
+          message: "\u4E0D\u652F\u6301\u8BE5\u89C6\u9891\u534F\u8BAE"
+        };
+      }
+      if ((platformTypeName.value === "\u8424\u77F3\u4E91" || url.value.includes("ezopen")) && !accessToken.value) {
+        return {
+          type: "no-token",
+          message: "\u7F3A\u5C11\u8BBF\u95EE\u4EE4\u724C"
+        };
+      }
+      return null;
+    });
+    const shouldShowPlayer = vue.computed(() => {
+      return !errorState.value && playerComponent.value;
+    });
     __expose({
+      /**
+       * 播放视频
+       * @param options 播放选项
+       */
       play(options) {
         var _a;
+        if (!compRef.value) {
+          props.debug && console.warn("[TzjPlayer] \u64AD\u653E\u5668\u7EC4\u4EF6\u672A\u521D\u59CB\u5316");
+          return;
+        }
         (_a = compRef.value) == null ? void 0 : _a.play(options);
       },
+      /**
+       * 销毁播放器
+       */
       destroy() {
         var _a;
+        if (!compRef.value) {
+          props.debug && console.warn("[TzjPlayer] \u64AD\u653E\u5668\u7EC4\u4EF6\u672A\u521D\u59CB\u5316");
+          return;
+        }
         (_a = compRef.value) == null ? void 0 : _a.destroy();
       },
+      /**
+       * 调整播放器尺寸
+       */
       resize() {
         var _a;
+        if (!compRef.value) {
+          props.debug && console.warn("[TzjPlayer] \u64AD\u653E\u5668\u7EC4\u4EF6\u672A\u521D\u59CB\u5316");
+          return;
+        }
         (_a = compRef.value) == null ? void 0 : _a.resize();
+      },
+      /**
+       * 获取当前播放器类型
+       */
+      getPlayerType() {
+        var _a;
+        return ((_a = playerComponent.value) == null ? void 0 : _a.name) || null;
+      },
+      /**
+       * 获取错误状态
+       */
+      getErrorState() {
+        return errorState.value;
       }
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        (vue.openBlock(), vue.createBlock(
-          vue.resolveDynamicComponent(comp.value),
-          vue.mergeProps({
-            ref_key: "compRef",
-            ref: compRef
-          }, props),
-          null,
-          16
-          /* FULL_PROPS */
-        )),
-        !_ctx.url ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, "\u65E0\u64AD\u653E\u5730\u5740")) : !supportedProtocol.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, " \u683C\u5F0F\u4E0D\u652F\u6301 ")) : vue.createCommentVNode("v-if", true)
+        vue.createCommentVNode(" \u9519\u8BEF\u72B6\u6001\u663E\u793A "),
+        errorState.value ? (vue.openBlock(), vue.createElementBlock(
+          "div",
+          _hoisted_2,
+          vue.toDisplayString(errorState.value.message),
+          1
+          /* TEXT */
+        )) : shouldShowPlayer.value ? (vue.openBlock(), vue.createElementBlock(
+          vue.Fragment,
+          { key: 1 },
+          [
+            vue.createCommentVNode(" \u64AD\u653E\u5668\u7EC4\u4EF6 "),
+            (vue.openBlock(), vue.createBlock(
+              vue.resolveDynamicComponent(playerComponent.value),
+              vue.mergeProps({
+                ref_key: "compRef",
+                ref: compRef
+              }, props),
+              null,
+              16
+              /* FULL_PROPS */
+            ))
+          ],
+          2112
+          /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+        )) : (vue.openBlock(), vue.createElementBlock(
+          vue.Fragment,
+          { key: 2 },
+          [
+            vue.createCommentVNode(" \u65E0\u53EF\u7528\u64AD\u653E\u5668 "),
+            _cache[0] || (_cache[0] = vue.createElementVNode(
+              "div",
+              { class: "i-tzj-player__error" },
+              "\u65E0\u4FE1\u53F7",
+              -1
+              /* CACHED */
+            ))
+          ],
+          2112
+          /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+        ))
       ]);
     };
   }

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

@@ -1 +1 @@
-{"version":3,"file":"tzj-player.vue2.js","sources":["../../../../../../../packages/components/tzj-player/src/tzj-player.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, ref, shallowRef, watch } from \"vue\";\nimport EasyPlayer from \"./easyPlayer.vue\";\nimport { isSupportedProtocol, TzjPlayerProps } from \"./tzj-player\";\nimport YsPlayer from \"./ysPlayer.vue\";\n\ndefineOptions({\n  name: \"ITzjPlayer\",\n});\n\nconst props = defineProps(TzjPlayerProps);\n\nconst comp = shallowRef();\nconst compRef = shallowRef();\nconst supportedProtocol = ref(true);\n\nonMounted(() => initPlayer());\n\nwatch(\n  () => [props.url, props.accessToken],\n  () => initPlayer(),\n);\n\nfunction initPlayer() {\n  supportedProtocol.value = isSupportedProtocol(props.url);\n  if (supportedProtocol.value) {\n    // 当访问令牌存在时，使用萤石云播放器(YsPlayer)\n    comp.value =\n      props.accessToken && props.accessToken.length > 32\n        ? YsPlayer\n        : EasyPlayer;\n  } else {\n    comp.value = null;\n  }\n}\n\ndefineExpose({\n  play(options?: any) {\n    compRef.value?.play(options);\n  },\n  destroy() {\n    compRef.value?.destroy();\n  },\n  resize() {\n    compRef.value?.resize();\n  },\n});\n</script>\n\n<template>\n  <div class=\"i-tzj-player\">\n    <component :is=\"comp\" ref=\"compRef\" v-bind=\"props\" />\n    <div v-if=\"!url\" class=\"i-tzj-player__error\">无播放地址</div>\n    <div v-else-if=\"!supportedProtocol\" class=\"i-tzj-player__error\">\n      格式不支持\n    </div>\n  </div>\n</template>\n"],"names":["shallowRef","ref","onMounted","watch","isSupportedProtocol","YsPlayer","EasyPlayer","_openBlock","_createElementBlock","_createBlock","_resolveDynamicComponent","_mergeProps","url"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAEd,IAAA,MAAM,OAAOA,cAAW,EAAA;AACxB,IAAA,MAAM,UAAUA,cAAW,EAAA;AAC3B,IAAM,MAAA,iBAAA,GAAoBC,QAAI,IAAI,CAAA;AAElC,IAAUC,aAAA,CAAA,MAAM,YAAY,CAAA;AAE5B,IAAAC,SAAA;AAAA,MACE,MAAM,CAAC,KAAM,CAAA,GAAA,EAAK,MAAM,WAAW,CAAA;AAAA,MACnC,MAAM,UAAW;AAAA,KACnB;AAEA,IAAA,SAAS,UAAa,GAAA;AACpB,MAAkB,iBAAA,CAAA,KAAA,GAAQC,6BAAoB,CAAA,KAAA,CAAM,GAAG,CAAA;AACvD,MAAA,IAAI,kBAAkB,KAAO,EAAA;AAE3B,QAAA,IAAA,CAAK,QACH,KAAM,CAAA,WAAA,IAAe,MAAM,WAAY,CAAA,MAAA,GAAS,KAC5CC,oDACA,GAAAC,sDAAA;AAAA,OACD,MAAA;AACL,QAAA,IAAA,CAAK,KAAQ,GAAA,IAAA;AAAA;AACf;AAVO,IAAA,MAAA,CAAA,UAAA,EAAA,YAAA,CAAA;AAaT,IAAa,QAAA,CAAA;AAAA,MACX,KAAK,OAAe,EAAA;;AAClB,QAAQ,CAAA,EAAA,GAAA,OAAA,CAAA,KAAA,KAAR,mBAAe,IAAK,CAAA,OAAA,CAAA;AAAA,OACtB;AAAA,MACA,OAAU,GAAA;;AACR,QAAA,CAAA,EAAA,GAAA,OAAA,CAAQ,UAAR,IAAe,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,EAAA;AAAA,OACjB;AAAA,MACA,MAAS,GAAA;;AACP,QAAA,CAAA,EAAA,GAAA,OAAA,CAAQ,UAAR,IAAe,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,EAAA;AAAA;AACjB,KACD,CAAA;;AAIC,MAAA,OAAAC,aAAA,EAAA,EAAAC,sBAMM,CAAA,KAAA,EANN,UAMM,EAAA;AAAA,wBALJ,EAAAC,eAAA;AAAA,UAAqDC,2BAAA,CAArC,KAAI,KAAA,CAAA;AAAA,UAApBC,cAAqD,CAAA;AAAA,mBAA3B,EAAA,SAAA;AAAA,YAAJ,GAAI,EAAA;AAAA,aAAkB,KAAK,CAAA;AAAA,UAAA,IAAA;AAAA,UAAA;AAAA;AAAA,SAAA;AAAA,SACrCC,KAAG,wBAAfJ,sBAAwD,CAAA,KAAA,EAAxD,UAA6C,EAAA,gCAAK,MACjC,kBAAiB,0BAAlCA,sBAEM,CAAA,KAAA,EAFN,YAAgE,kCAEhE,CAAA;;;;;;;;"}
+{"version":3,"file":"tzj-player.vue2.js","sources":["../../../../../../../packages/components/tzj-player/src/tzj-player.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, shallowRef, toRefs } from \"vue\";\nimport EasyPlayer from \"./easyPlayer.vue\";\nimport {\n  getVideoType,\n  isSupportedProtocol,\n  TzjPlayerProps,\n} from \"./tzj-player\";\nimport YsPlayer from \"./ysPlayer.vue\";\nimport YunzhiyanPlayer from \"./yunzhiyanPlayer.vue\";\n\ndefineOptions({\n  name: \"ITzjPlayer\",\n});\n\nconst props = defineProps(TzjPlayerProps);\nconst { url, platformTypeName, accessToken } = toRefs(props);\n\nconst compRef = shallowRef();\n\n/**\n * 平台类型映射表，提升可维护性\n */\nconst PLATFORM_COMPONENTS = {\n  云智眼: YunzhiyanPlayer,\n  萤石云: YsPlayer,\n} as const;\n\n/**\n * 计算当前播放器组件类型\n * 使用计算属性避免重复计算，提升性能\n */\nconst playerComponent = computed(() => {\n  // 优先使用指定的平台类型\n  if (platformTypeName.value) {\n    return (\n      PLATFORM_COMPONENTS[\n        platformTypeName.value as keyof typeof PLATFORM_COMPONENTS\n      ] || EasyPlayer\n    );\n  }\n\n  // 未指定平台类型时，根据URL自动判断\n  if (!url.value) {\n    return null;\n  }\n\n  // 检查协议支持性\n  if (!isSupportedProtocol(url.value)) {\n    return null;\n  }\n\n  // ezopen协议使用萤石云播放器\n  if (url.value.includes(\"ezopen\")) {\n    return YsPlayer;\n  }\n\n  // 根据视频类型选择播放器\n  const videoType = getVideoType(url.value);\n  return videoType ? EasyPlayer : null;\n});\n\n/**\n * 计算错误状态信息\n * 统一错误状态管理，提升用户体验\n */\nconst errorState = computed(() => {\n  // 云智眼平台不需要URL\n  if (platformTypeName.value === \"云智眼\") {\n    return null;\n  }\n\n  // 检查URL是否存在\n  if (!url.value) {\n    return {\n      type: \"no-url\",\n      message: \"无视频地址\",\n    };\n  }\n\n  // 检查协议支持性\n  if (!isSupportedProtocol(url.value)) {\n    return {\n      type: \"unsupported-protocol\",\n      message: \"不支持该视频协议\",\n    };\n  }\n\n  // 萤石云平台需要accessToken\n  if (\n    (platformTypeName.value === \"萤石云\" || url.value.includes(\"ezopen\")) &&\n    !accessToken.value\n  ) {\n    return {\n      type: \"no-token\",\n      message: \"缺少访问令牌\",\n    };\n  }\n\n  return null;\n});\n\n/**\n * 计算是否显示播放器组件\n */\nconst shouldShowPlayer = computed(() => {\n  return !errorState.value && playerComponent.value;\n});\n\n/**\n * 暴露的方法，增加错误处理\n */\ndefineExpose({\n  /**\n   * 播放视频\n   * @param options 播放选项\n   */\n  play(options?: any) {\n    if (!compRef.value) {\n      props.debug && console.warn(\"[TzjPlayer] 播放器组件未初始化\");\n      return;\n    }\n    compRef.value?.play(options);\n  },\n\n  /**\n   * 销毁播放器\n   */\n  destroy() {\n    if (!compRef.value) {\n      props.debug && console.warn(\"[TzjPlayer] 播放器组件未初始化\");\n      return;\n    }\n    compRef.value?.destroy();\n  },\n\n  /**\n   * 调整播放器尺寸\n   */\n  resize() {\n    if (!compRef.value) {\n      props.debug && console.warn(\"[TzjPlayer] 播放器组件未初始化\");\n      return;\n    }\n    compRef.value?.resize();\n  },\n\n  /**\n   * 获取当前播放器类型\n   */\n  getPlayerType() {\n    return playerComponent.value?.name || null;\n  },\n\n  /**\n   * 获取错误状态\n   */\n  getErrorState() {\n    return errorState.value;\n  },\n});\n</script>\n\n<template>\n  <div class=\"i-tzj-player\">\n    <!-- 错误状态显示 -->\n    <div v-if=\"errorState\" class=\"i-tzj-player__error\">\n      {{ errorState.message }}\n    </div>\n\n    <!-- 播放器组件 -->\n    <component\n      :is=\"playerComponent\"\n      v-else-if=\"shouldShowPlayer\"\n      ref=\"compRef\"\n      v-bind=\"props\"\n    />\n\n    <!-- 无可用播放器 -->\n    <div v-else class=\"i-tzj-player__error\">无信号</div>\n  </div>\n</template>\n"],"names":["toRefs","shallowRef","YunzhiyanPlayer","YsPlayer","computed","EasyPlayer","isSupportedProtocol","getVideoType","_openBlock","_createElementBlock","_createCommentVNode","_toDisplayString","_Fragment","_createBlock","_resolveDynamicComponent","_mergeProps","_createElementVNode"],"mappings":"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"}

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

@@ -36,10 +36,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     isCurrentFullscreen: boolean;
     debounce: (func: Function, wait: number) => (this: any, ...args: any[]) => void;
     debouncedResize: (this: any, ...args: any[]) => void;
-    play: (options?: Record<string, any>) => void;
+    play: (options?: Record<string, any>) => Promise<void>;
     destroy: () => void;
     resize: () => void;
-    createPlayer: (options?: Record<string, any>) => void;
+    createPlayer: (options?: Record<string, any>) => Promise<void>;
     formatterUrl: () => string;
     removePlayerDom: () => void;
     createPlayerDom: () => void;

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var core = require('@vueuse/core');
 var tzjPlayer = require('./tzj-player.js');
-var EZUIKit = require('ezuikit-js');
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
@@ -56,14 +55,15 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         }
       }
     );
-    function play(options) {
+    async function play(options) {
       if (!props.accessToken) {
         errorMsg = `params 'accessToken' is not found`;
       } else {
         const url = formatterUrl();
         if (url) {
           createPlayerDom();
-          vue.nextTick(() => createPlayer(options));
+          await vue.nextTick();
+          await createPlayer(options);
         }
       }
     }
@@ -86,7 +86,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         }
         if (playerInstance == null ? void 0 : playerInstance.resize) {
           playerInstance.resize(calculatedWidth, calculatedHeight);
-        } else {
+        } else if (typeof document !== "undefined") {
           const dom = document.getElementById(id);
           if (dom) {
             dom.style.width = `${calculatedWidth}px`;
@@ -96,24 +96,31 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     }
     __name(resize, "resize");
-    function createPlayer(options) {
-      playerInstance = new EZUIKit.EZUIKitPlayer({
-        id,
-        url: formatterUrl(),
-        accessToken: props.accessToken,
-        template: props.playerTemplate || PLAYER_TEMPLATE,
-        width: width.value,
-        height: height.value,
-        audio: 1,
-        // @ts-ignore
-        loggerOptions: {
-          name: "YSPLAYER",
-          level: "ERROR",
-          showTime: true
-        },
-        staticPath: "/plugins/ezuikit/ezuikit_static",
-        ...options
-      });
+    async function createPlayer(options) {
+      try {
+        const EZUIKit = await import('ezuikit-js');
+        playerInstance = new EZUIKit.default.EZUIKitPlayer({
+          id,
+          url: formatterUrl(),
+          accessToken: props.accessToken,
+          template: props.playerTemplate || PLAYER_TEMPLATE,
+          width: width.value,
+          height: height.value,
+          audio: 1,
+          // @ts-ignore
+          loggerOptions: {
+            name: "YSPLAYER",
+            level: "ERROR",
+            showTime: true
+          },
+          staticPath: "/plugins/ezuikit/ezuikit_static",
+          ...options
+        });
+      } catch (error) {
+        console.error("Failed to load EZUIKit:", error);
+        errorMsg = "\u64AD\u653E\u5668\u52A0\u8F7D\u5931\u8D25";
+        return;
+      }
       playerInstance.eventEmitter.on("fullscreen", () => {
         isCurrentFullscreen = true;
       });
@@ -144,19 +151,23 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     }
     __name(formatterUrl, "formatterUrl");
     function removePlayerDom() {
-      const dom = document.getElementById(id);
-      dom && dom.remove();
+      if (typeof document !== "undefined") {
+        const dom = document.getElementById(id);
+        dom && dom.remove();
+      }
     }
     __name(removePlayerDom, "removePlayerDom");
     function createPlayerDom() {
       var _a;
       if (!errorMsg) {
         removePlayerDom();
-        const dom = document.createElement("div");
-        dom.id = id;
-        dom.style.width = "100%";
-        dom.style.height = "100%";
-        (_a = ysRef.value) == null ? void 0 : _a.appendChild(dom);
+        if (typeof document !== "undefined") {
+          const dom = document.createElement("div");
+          dom.id = id;
+          dom.style.width = "100%";
+          dom.style.height = "100%";
+          (_a = ysRef.value) == null ? void 0 : _a.appendChild(dom);
+        }
       }
     }
     __name(createPlayerDom, "createPlayerDom");

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

@@ -1 +1 @@
-{"version":3,"file":"ysPlayer.vue2.js","sources":["../../../../../../../packages/components/tzj-player/src/ysPlayer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useElementSize } from \"@vueuse/core\";\nimport { nextTick, onBeforeUnmount, onMounted, shallowRef, watch } from \"vue\";\nimport { uuid } from \"./tzj-player\";\nimport EZUIKit from \"ezuikit-js\";\n// 萤石云播放器\ndefineOptions({\n  name: \"YsPlayer\",\n});\n\n// 传值方式\n// 1、传url、accessToken\n// 2、传deviceSerial、channel、accessToken\nconst props = defineProps<{\n  // 播放地址\n  // 高清：ezopen://open.ys7.com/${设备序列号}/${通道号}.hd.live\n  // 流畅：ezopen://open.ys7.com/${设备序列号}/${通道号}.live\n  url?: string;\n  // 设备序列号\n  deviceSerial?: string;\n  // 通道号\n  channel?: number;\n  // 清晰度,默认为空，也表示高清\n  // hd：高清；sd：流畅\n  quality?: \"hd\" | \"sd\" | \"\";\n  accessToken: string;\n  // 播放器模板ID\n  playerTemplate?: string;\n}>();\n\n// 播放器模板ID\n// 可在萤石云控制台查看、修改、获取\n// 位置：云直播-轻应用-特致珈默认模板\nconst PLAYER_TEMPLATE = \"5f295a9341a74d439b5d69374c90d501\";\nconst id = uuid();\nlet playerInstance: any = null;\nlet errorMsg = \"\";\nconst ysRef = shallowRef();\nconst { width, height } = useElementSize(ysRef);\nlet ratio = 16 / 9;\nlet isCurrentFullscreen = false;\n\nonMounted(() => play());\n\nonBeforeUnmount(() => destroy());\n\ndefineExpose({ play, destroy, resize });\n\n// 防抖函数\nfunction debounce(func: Function, wait: number) {\n  let timeout: ReturnType<typeof setTimeout> | null = null;\n  return function (this: any, ...args: any[]) {\n    if (timeout) clearTimeout(timeout);\n    timeout = setTimeout(() => func.apply(this, args), wait);\n  };\n}\n\n// 加上防抖的 resize 函数\nconst debouncedResize = debounce(resize, 300);\n\nwatch(\n  () => [width.value, height.value, ratio],\n  () => {\n    if (!isCurrentFullscreen) {\n      debouncedResize();\n    }\n  },\n);\n\nfunction play(options?: Record<string, any>) {\n  if (!props.accessToken) {\n    errorMsg = `params 'accessToken' is not found`;\n  } else {\n    const url = formatterUrl();\n    if (url) {\n      createPlayerDom();\n      nextTick(() => createPlayer(options));\n    }\n  }\n}\nfunction destroy() {\n  if (playerInstance) {\n    playerInstance.destroy();\n    playerInstance = null;\n    removePlayerDom();\n  }\n}\nfunction resize() {\n  // 根据播放器宽高比，设置播放器高度\n  if (width.value > 0 && height.value > 0) {\n    let calculatedWidth = width.value;\n    let calculatedHeight = calculatedWidth / ratio;\n    if (calculatedHeight > height.value) {\n      calculatedHeight = height.value;\n      calculatedWidth = calculatedHeight * ratio;\n    }\n    if (playerInstance?.resize) {\n      playerInstance.resize(calculatedWidth, calculatedHeight);\n    } else {\n      const dom = document.getElementById(id);\n      if (dom) {\n        dom.style.width = `${calculatedWidth}px`;\n        dom.style.height = `${calculatedHeight}px`;\n      }\n    }\n  }\n}\n\n/**\n * 创建萤石云播放器实例，播放萤石云直播流\n */\nfunction createPlayer(options?: Record<string, any>) {\n  playerInstance = new EZUIKit.EZUIKitPlayer({\n    id,\n    url: formatterUrl(),\n    accessToken: props.accessToken,\n    template: props.playerTemplate || PLAYER_TEMPLATE,\n    width: width.value,\n    height: height.value,\n    audio: 1,\n    // @ts-ignore\n    loggerOptions: {\n      name: \"YSPLAYER\",\n      level: \"ERROR\",\n      showTime: true,\n    },\n    staticPath: \"/plugins/ezuikit/ezuikit_static\",\n    ...options,\n  });\n\n  playerInstance.eventEmitter.on(\"fullscreen\", () => {\n    isCurrentFullscreen = true;\n  });\n  playerInstance.eventEmitter.on(\"exitFullscreen\", () => {\n    isCurrentFullscreen = false;\n  });\n  playerInstance.eventEmitter.on(\"videoInfo\", (args: any) => {\n    const { width: w, height: h } = args;\n    // 计算播放器宽高比\n    if (w && h) {\n      ratio = w / h;\n    }\n    debouncedResize();\n  });\n}\n\nfunction formatterUrl(): string {\n  if (props.url) {\n    return props.url;\n  } else {\n    if (props.deviceSerial && props.channel) {\n      const quality =\n        props.quality === \"\" || props.quality === \"hd\" ? \"hd.\" : \"\";\n      return `ezopen://open.ys7.com/${props.deviceSerial}/${props.channel}.${quality}live`;\n    } else {\n      errorMsg = `params 'deviceSerial' or 'channel' is not found`;\n      return \"\";\n    }\n  }\n}\n\n// 移除播放器DOM\nfunction removePlayerDom() {\n  const dom = document.getElementById(id);\n  dom && dom.remove();\n}\n// 创建播放器DOM\nfunction createPlayerDom() {\n  if (!errorMsg) {\n    removePlayerDom();\n    const dom = document.createElement(\"div\");\n    dom.id = id;\n    dom.style.width = \"100%\";\n    dom.style.height = \"100%\";\n    ysRef.value?.appendChild(dom);\n  }\n}\n</script>\n\n<template>\n  <div ref=\"ysRef\" class=\"i-tzj-ysplayer\">\n    <div v-if=\"errorMsg\" class=\"i-tzj-player__error\">\n      {{ errorMsg }}\n    </div>\n  </div>\n</template>\n"],"names":["uuid","shallowRef","useElementSize","onMounted","onBeforeUnmount","watch","nextTick","_createElementBlock","_unref","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"ysPlayer.vue2.js","sources":["../../../../../../../packages/components/tzj-player/src/ysPlayer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useElementSize } from \"@vueuse/core\";\nimport { nextTick, onBeforeUnmount, onMounted, shallowRef, watch } from \"vue\";\nimport { uuid } from \"./tzj-player\";\n// 萤石云播放器\ndefineOptions({\n  name: \"YsPlayer\",\n});\n\n// 传值方式\n// 1、传url、accessToken\n// 2、传deviceSerial、channel、accessToken\nconst props = defineProps<{\n  // 播放地址\n  // 高清：ezopen://open.ys7.com/${设备序列号}/${通道号}.hd.live\n  // 流畅：ezopen://open.ys7.com/${设备序列号}/${通道号}.live\n  url?: string;\n  // 设备序列号\n  deviceSerial?: string;\n  // 通道号\n  channel?: number;\n  // 清晰度,默认为空，也表示高清\n  // hd：高清；sd：流畅\n  quality?: \"hd\" | \"sd\" | \"\";\n  accessToken: string;\n  // 播放器模板ID\n  playerTemplate?: string;\n}>();\n\n// 播放器模板ID\n// 可在萤石云控制台查看、修改、获取\n// 位置：云直播-轻应用-特致珈默认模板\nconst PLAYER_TEMPLATE = \"5f295a9341a74d439b5d69374c90d501\";\nconst id = uuid();\nlet playerInstance: any = null;\nlet errorMsg = \"\";\nconst ysRef = shallowRef();\nconst { width, height } = useElementSize(ysRef);\nlet ratio = 16 / 9;\nlet isCurrentFullscreen = false;\n\nonMounted(() => play());\n\nonBeforeUnmount(() => destroy());\n\ndefineExpose({ play, destroy, resize });\n\n// 防抖函数\nfunction debounce(func: Function, wait: number) {\n  let timeout: ReturnType<typeof setTimeout> | null = null;\n  return function (this: any, ...args: any[]) {\n    if (timeout) clearTimeout(timeout);\n    timeout = setTimeout(() => func.apply(this, args), wait);\n  };\n}\n\n// 加上防抖的 resize 函数\nconst debouncedResize = debounce(resize, 300);\n\nwatch(\n  () => [width.value, height.value, ratio],\n  () => {\n    if (!isCurrentFullscreen) {\n      debouncedResize();\n    }\n  },\n);\n\nasync function play(options?: Record<string, any>) {\n  if (!props.accessToken) {\n    errorMsg = `params 'accessToken' is not found`;\n  } else {\n    const url = formatterUrl();\n    if (url) {\n      createPlayerDom();\n      await nextTick();\n      await createPlayer(options);\n    }\n  }\n}\nfunction destroy() {\n  if (playerInstance) {\n    playerInstance.destroy();\n    playerInstance = null;\n    removePlayerDom();\n  }\n}\nfunction resize() {\n  // 根据播放器宽高比，设置播放器高度\n  if (width.value > 0 && height.value > 0) {\n    let calculatedWidth = width.value;\n    let calculatedHeight = calculatedWidth / ratio;\n    if (calculatedHeight > height.value) {\n      calculatedHeight = height.value;\n      calculatedWidth = calculatedHeight * ratio;\n    }\n    if (playerInstance?.resize) {\n      playerInstance.resize(calculatedWidth, calculatedHeight);\n    } else if (typeof document !== \"undefined\") {\n      const dom = document.getElementById(id);\n      if (dom) {\n        dom.style.width = `${calculatedWidth}px`;\n        dom.style.height = `${calculatedHeight}px`;\n      }\n    }\n  }\n}\n\n/**\n * 创建萤石云播放器实例，播放萤石云直播流\n */\nasync function createPlayer(options?: Record<string, any>) {\n  try {\n    // 动态导入 EZUIKit，避免 SSR 环境下的 window 访问错误\n    const EZUIKit = await import(\"ezuikit-js\");\n\n    playerInstance = new EZUIKit.default.EZUIKitPlayer({\n      id,\n      url: formatterUrl(),\n      accessToken: props.accessToken,\n      template: props.playerTemplate || PLAYER_TEMPLATE,\n      width: width.value,\n      height: height.value,\n      audio: 1,\n      // @ts-ignore\n      loggerOptions: {\n        name: \"YSPLAYER\",\n        level: \"ERROR\",\n        showTime: true,\n      },\n      staticPath: \"/plugins/ezuikit/ezuikit_static\",\n      ...options,\n    });\n  } catch (error) {\n    console.error(\"Failed to load EZUIKit:\", error);\n    errorMsg = \"播放器加载失败\";\n    return;\n  }\n\n  playerInstance.eventEmitter.on(\"fullscreen\", () => {\n    isCurrentFullscreen = true;\n  });\n  playerInstance.eventEmitter.on(\"exitFullscreen\", () => {\n    isCurrentFullscreen = false;\n  });\n  playerInstance.eventEmitter.on(\"videoInfo\", (args: any) => {\n    const { width: w, height: h } = args;\n    // 计算播放器宽高比\n    if (w && h) {\n      ratio = w / h;\n    }\n    debouncedResize();\n  });\n}\n\nfunction formatterUrl(): string {\n  if (props.url) {\n    return props.url;\n  } else {\n    if (props.deviceSerial && props.channel) {\n      const quality =\n        props.quality === \"\" || props.quality === \"hd\" ? \"hd.\" : \"\";\n      return `ezopen://open.ys7.com/${props.deviceSerial}/${props.channel}.${quality}live`;\n    } else {\n      errorMsg = `params 'deviceSerial' or 'channel' is not found`;\n      return \"\";\n    }\n  }\n}\n\n// 移除播放器DOM\nfunction removePlayerDom() {\n  if (typeof document !== \"undefined\") {\n    const dom = document.getElementById(id);\n    dom && dom.remove();\n  }\n}\n// 创建播放器DOM\nfunction createPlayerDom() {\n  if (!errorMsg) {\n    removePlayerDom();\n    if (typeof document !== \"undefined\") {\n      const dom = document.createElement(\"div\");\n      dom.id = id;\n      dom.style.width = \"100%\";\n      dom.style.height = \"100%\";\n      ysRef.value?.appendChild(dom);\n    }\n  }\n}\n</script>\n\n<template>\n  <div ref=\"ysRef\" class=\"i-tzj-ysplayer\">\n    <div v-if=\"errorMsg\" class=\"i-tzj-player__error\">\n      {{ errorMsg }}\n    </div>\n  </div>\n</template>\n"],"names":["uuid","shallowRef","useElementSize","onMounted","onBeforeUnmount","watch","nextTick","_createElementBlock","_unref","_toDisplayString"],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+export declare function sign(headers: Record<string, string | number>, params: Record<string, any>, sk?: string): string;
+export declare function GetYunZhiYanDeviceChannel(deviceId: string): Promise<string | false>;
+export declare function GetYunZhiYanDeviceVideoUrl(deviceId: string, channelCodeId: string): Promise<string | false>;
+export declare function GetYunZhiYanOpenVoiceIntercom(deviceId: string): Promise<any | false>;
+export declare function GetYunZhiYanUserPlaySecretKey(taskId: string): Promise<string | false>;
+export declare function GetYunZhiYanCloseVoiceIntercom(deviceId: string, taskId: string): Promise<any | false>;