@yimou6/common-ui 1.11.3 → 1.11.4

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

@@ -3,21 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
+var lodashEs = require('lodash-es');
 require('./ctyun-player.vue.js');
 require('./easyPlayer.vue.js');
 var tzjPlayer = require('./tzj-player.js');
 require('./ysPlayer.vue.js');
+require('./errorPage.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 ctyunPlayer_vue_vue_type_script_setup_true_lang = require('./ctyun-player.vue2.js');
 var easyPlayer_vue_vue_type_script_setup_true_lang = require('./easyPlayer.vue2.js');
+var errorPage_vue_vue_type_script_setup_true_lang = require('./errorPage.vue2.js');
 
 const _hoisted_1 = { class: "i-tzj-player" };
-const _hoisted_2 = {
-  key: 0,
-  class: "i-tzj-player__error"
-};
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "ITzjPlayer"
@@ -28,6 +27,19 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const { url, platformTypeName, accessToken } = vue.toRefs(props);
     const compRef = vue.shallowRef();
+    const updatePlayerComponent = lodashEs.debounce(() => {
+      var _a, _b;
+      if (compRef.value) {
+        (_b = (_a = compRef.value).destroy) == null ? void 0 : _b.call(_a);
+      }
+    }, 300);
+    vue.watch(
+      () => [url.value, platformTypeName.value, accessToken.value],
+      () => {
+        updatePlayerComponent();
+      },
+      { deep: true }
+    );
     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,
@@ -128,13 +140,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         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(
+        errorState.value ? (vue.openBlock(), vue.createBlock(errorPage_vue_vue_type_script_setup_true_lang.default, {
+          key: 0,
+          videoName: _ctx.areaName || _ctx.deviceSerial,
+          message: errorState.value.message
+        }, null, 8, ["videoName", "message"])) : shouldShowPlayer.value ? (vue.openBlock(), vue.createElementBlock(
           vue.Fragment,
           { key: 1 },
           [
@@ -157,13 +167,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           { 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 */
-            ))
+            vue.createVNode(errorPage_vue_vue_type_script_setup_true_lang.default, {
+              videoName: _ctx.areaName || _ctx.deviceSerial,
+              message: "\u65E0\u4FE1\u53F7"
+            }, null, 8, ["videoName"])
           ],
           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 { computed, shallowRef, toRefs } from \"vue\";\nimport CtyunPlayer from \"./ctyun-player.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  天翼云: CtyunPlayer,\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 (\n    platformTypeName.value === \"云智眼\" ||\n    platformTypeName.value === \"天翼云\"\n  ) {\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","CtyunPlayer","computed","EasyPlayer","isSupportedProtocol","getVideoType","_openBlock","_createElementBlock","_createCommentVNode","_toDisplayString","_Fragment","_createBlock","_resolveDynamicComponent","_mergeProps","_createElementVNode"],"mappings":"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"}
+{"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, watch } from \"vue\";\nimport { debounce } from 'lodash-es';\nimport CtyunPlayer from \"./ctyun-player.vue\";\nimport EasyPlayer from \"./easyPlayer.vue\";\nimport {\n  getVideoType,\n  isSupportedProtocol,\n  TzjPlayerProps,\n} from \"./tzj-player\";\nimport YsPlayer from \"./ysPlayer.vue\";\nimport ErrorPage from \"./errorPage.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// 防抖处理组件渲染更新，避免频繁切换播放器类型\nconst updatePlayerComponent = debounce(() => {\n  // 强制更新组件，销毁旧实例\n  if (compRef.value) {\n    compRef.value.destroy?.();\n  }\n}, 300);\n\n// 监听URL变化，使用防抖处理\nwatch(\n  () => [url.value, platformTypeName.value, accessToken.value],\n  () => {\n    // 更新播放器组件\n    updatePlayerComponent();\n  },\n  { deep: true }\n);\n\n/**\n * 平台类型映射表，提升可维护性\n */\nconst PLATFORM_COMPONENTS = {\n  云智眼: YunzhiyanPlayer,\n  萤石云: YsPlayer,\n  天翼云: CtyunPlayer,\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 (\n    platformTypeName.value === \"云智眼\" ||\n    platformTypeName.value === \"天翼云\"\n  ) {\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    <error-page\n      :videoName=\"areaName || deviceSerial\"\n      :message=\"errorState.message\"\n      v-if=\"errorState\"\n    />\n\n    <!-- 播放器组件 -->\n    <component\n      :is=\"playerComponent\"\n      v-else-if=\"shouldShowPlayer\"\n      ref=\"compRef\"\n      v-bind=\"props\"\n    />\n\n    <!-- 无可用播放器 -->\n    <error-page :videoName=\"areaName || deviceSerial\" message=\"无信号\" v-else />\n  </div>\n</template>"],"names":["toRefs","shallowRef","debounce","watch","YunzhiyanPlayer","YsPlayer","CtyunPlayer","computed","EasyPlayer","isSupportedProtocol","getVideoType","_openBlock","_createElementBlock","_createCommentVNode","_createBlock","ErrorPage","areaName","deviceSerial","_Fragment","_resolveDynamicComponent","_mergeProps","_createVNode"],"mappings":"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"}

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

@@ -41,6 +41,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     childHeight: import("vue").Ref<number, number>;
     ratio: number;
     isCurrentFullscreen: boolean;
+    reconnectAttempts: import("vue").Ref<number, number>;
+    maxReconnectAttempts: number;
+    debouncedPlay: (this: any, ...args: any[]) => void;
     debounce: (func: Function, wait: number) => (this: any, ...args: any[]) => void;
     debouncedResize: (this: any, ...args: any[]) => void;
     play: (options?: Record<string, any>) => Promise<void>;
@@ -50,6 +53,39 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     formatterUrl: () => string;
     removePlayerDom: () => void;
     createPlayerDom: () => void;
+    ErrorPage: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        videoName: {
+            type: StringConstructor;
+            default: string;
+        };
+        message: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {
+        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            videoName: {
+                type: StringConstructor;
+                default: string;
+            };
+            message: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & Readonly<{}> & {}>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        videoName: {
+            type: StringConstructor;
+            default: string;
+        };
+        message: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        message: string;
+        videoName: string;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     url: {
         type: StringConstructor;

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

@@ -4,7 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var core = require('@vueuse/core');
+require('./errorPage.vue.js');
 var tzjPlayer = require('./tzj-player.js');
+var errorPage_vue_vue_type_script_setup_true_lang = require('./errorPage.vue2.js');
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
@@ -12,11 +14,8 @@ const _hoisted_1 = {
   key: 0,
   class: "i-tzj-easyPlayer__top"
 };
-const _hoisted_2 = {
-  key: 1,
-  class: "i-tzj-player__error"
-};
 const PLAYER_TEMPLATE = "5f295a9341a74d439b5d69374c90d501";
+const maxReconnectAttempts = 3;
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "YsPlayer"
@@ -42,6 +41,16 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const { width: childWidth, height: childHeight } = core.useElementSize(containerRef);
     let ratio = 16 / 9;
     let isCurrentFullscreen = false;
+    const reconnectAttempts = vue.ref(0);
+    const debouncedPlay = debounce(() => {
+      play();
+    }, 500);
+    vue.watch(
+      () => props.url,
+      () => {
+        debouncedPlay();
+      }
+    );
     vue.onMounted(() => play());
     vue.onBeforeUnmount(() => destroy());
     __expose({ play, destroy, resize });
@@ -76,8 +85,13 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     }
     __name(play, "play");
     function destroy() {
+      var _a;
       if (playerInstance) {
-        playerInstance.destroy();
+        try {
+          (_a = playerInstance.destroy) == null ? void 0 : _a.call(playerInstance);
+        } catch (e) {
+          console.warn("\u64AD\u653E\u5668\u9500\u6BC1\u8FC7\u7A0B\u4E2D\u51FA\u73B0\u9519\u8BEF:", e);
+        }
         playerInstance = null;
         removePlayerDom();
       }
@@ -127,6 +141,16 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           staticPath: "/plugins/ezuikit/ezuikit_static",
           ...options
         });
+        playerInstance.on("error", (err) => {
+          console.error("\u8424\u77F3\u4E91\u64AD\u653E\u5668\u9519\u8BEF:", err);
+          if (reconnectAttempts.value < maxReconnectAttempts) {
+            reconnectAttempts.value++;
+            setTimeout(() => {
+              destroy();
+              play();
+            }, 3e3 * reconnectAttempts.value);
+          }
+        });
       } catch (error) {
         console.error("Failed to load EZUIKit:", error);
         errorMsg = "\u64AD\u653E\u5668\u52A0\u8F7D\u5931\u8D25";
@@ -223,13 +247,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             4
             /* STYLE */
           ),
-          vue.unref(errorMsg) ? (vue.openBlock(), vue.createElementBlock(
-            "div",
-            _hoisted_2,
-            vue.toDisplayString(vue.unref(errorMsg)),
-            1
-            /* TEXT */
-          )) : vue.createCommentVNode("v-if", true)
+          vue.unref(errorMsg) ? (vue.openBlock(), vue.createBlock(errorPage_vue_vue_type_script_setup_true_lang.default, {
+            key: 1,
+            "video-name": _ctx.areaName || _ctx.deviceSerial,
+            message: vue.unref(errorMsg)
+          }, null, 8, ["video-name", "message"])) : vue.createCommentVNode("v-if", true)
         ],
         512
         /* NEED_PATCH */

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\";\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  areaName?: string;\n}>();\n\n// 播放器模板ID\n// 可在萤石云控制台查看、修改、获取\n// 位置：云直播-轻应用-特致珈默认模板\nconst PLAYER_TEMPLATE = \"5f295a9341a74d439b5d69374c90d501\";\nconst id = uuid();\nlet playerInstance: any = null;\nlet errorMsg = \"\";\nconst ysRef = shallowRef();\nconst containerRef = shallowRef();\nconst { width, height } = useElementSize(ysRef);\nconst { width: childWidth, height: childHeight } = useElementSize(containerRef);\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  const containerWidth = childWidth.value;\n  const containerHeight = childHeight.value;\n  // 如果容器尺寸无效，直接返回\n  if (containerWidth <= 0 || containerHeight <= 0) return;\n\n  // 计算播放器尺寸，保持宽高比\n\n  const aspectRatio = ratio;\n\n  let playerWidth = containerWidth;\n  let playerHeight = playerWidth / aspectRatio;\n\n  // 如果计算出的高度超过容器高度，以高度为准重新计算\n  if (playerHeight > containerHeight) {\n    playerHeight = containerHeight;\n    playerWidth = playerHeight * aspectRatio;\n  }\n\n  // 尝试使用播放器实例的resize方法\n  if (playerInstance?.resize) {\n    playerInstance.resize(playerWidth, playerHeight);\n    return;\n  }\n\n  // 如果没有播放器实例，直接操作DOM\n  if (typeof document !== \"undefined\") {\n    const playerElement = document.getElementById(id);\n    if (playerElement) {\n      playerElement.style.width = `${playerWidth}px`;\n      playerElement.style.height = `${playerHeight}px`;\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      containerRef.value?.appendChild(dom);\n    }\n  }\n}\n</script>\n\n<template>\n  <div ref=\"ysRef\" class=\"i-tzj-ysplayer\">\n    <!-- 播放器顶部显示区域(设备)名称 -->\n    <div v-if=\"areaName\" class=\"i-tzj-easyPlayer__top\">\n      <i class=\"iconfont icon-shexiangtou4\" />\n      <span>{{ areaName }}</span>\n    </div>\n    <div\n      ref=\"containerRef\"\n      class=\"i-tzj-ysplayer\"\n      style=\"width: 100%\"\n      :style=\"{\n        height: areaName ? 'calc(100% - 32px)' : '100%',\n        position: 'relative',\n      }\"\n    />\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","_createCommentVNode","areaName","_openBlock","_createElementVNode","_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 {\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  shallowRef,\n  watch,\n} from \"vue\";\nimport ErrorPage from \"./errorPage.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  areaName?: string;\n}>();\n\n// 播放器模板ID\n// 可在萤石云控制台查看、修改、获取\n// 位置：云直播-轻应用-特致珈默认模板\nconst PLAYER_TEMPLATE = \"5f295a9341a74d439b5d69374c90d501\";\nconst id = uuid();\nlet playerInstance: any = null;\nlet errorMsg = \"\";\nconst ysRef = shallowRef();\nconst containerRef = shallowRef();\nconst { width, height } = useElementSize(ysRef);\nconst { width: childWidth, height: childHeight } = useElementSize(containerRef);\nlet ratio = 16 / 9;\nlet isCurrentFullscreen = false;\n\n// 添加重连次数控制，防止无限重连\nconst reconnectAttempts = ref(0);\nconst maxReconnectAttempts = 3;\n\n// 添加防抖处理URL变化\nconst debouncedPlay = debounce(() => {\n  play();\n}, 500);\n\n// 监听URL变化，使用防抖处理\nwatch(\n  () => props.url,\n  () => {\n    debouncedPlay();\n  },\n);\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}\n\nfunction destroy() {\n  if (playerInstance) {\n    try {\n      // 确保播放器实例完全销毁\n      playerInstance.destroy?.();\n    } catch (e) {\n      console.warn(\"播放器销毁过程中出现错误:\", e);\n    }\n    playerInstance = null;\n    removePlayerDom();\n  }\n}\n\nfunction resize() {\n  const containerWidth = childWidth.value;\n  const containerHeight = childHeight.value;\n  // 如果容器尺寸无效，直接返回\n  if (containerWidth <= 0 || containerHeight <= 0) return;\n\n  // 计算播放器尺寸，保持宽高比\n\n  const aspectRatio = ratio;\n\n  let playerWidth = containerWidth;\n  let playerHeight = playerWidth / aspectRatio;\n\n  // 如果计算出的高度超过容器高度，以高度为准重新计算\n  if (playerHeight > containerHeight) {\n    playerHeight = containerHeight;\n    playerWidth = playerHeight * aspectRatio;\n  }\n\n  // 尝试使用播放器实例的resize方法\n  if (playerInstance?.resize) {\n    playerInstance.resize(playerWidth, playerHeight);\n    return;\n  }\n\n  // 如果没有播放器实例，直接操作DOM\n  if (typeof document !== \"undefined\") {\n    const playerElement = document.getElementById(id);\n    if (playerElement) {\n      playerElement.style.width = `${playerWidth}px`;\n      playerElement.style.height = `${playerHeight}px`;\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\n    // 监听播放错误事件，限制重连次数\n    playerInstance.on(\"error\", (err: any) => {\n      console.error(\"萤石云播放器错误:\", err);\n      // 控制重连次数\n      if (reconnectAttempts.value < maxReconnectAttempts) {\n        reconnectAttempts.value++;\n        setTimeout(() => {\n          destroy();\n          play();\n        }, 3000 * reconnectAttempts.value);\n      }\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      containerRef.value?.appendChild(dom);\n    }\n  }\n}\n</script>\n\n<template>\n  <div ref=\"ysRef\" class=\"i-tzj-ysplayer\">\n    <!-- 播放器顶部显示区域(设备)名称 -->\n    <div v-if=\"areaName\" class=\"i-tzj-easyPlayer__top\">\n      <i class=\"iconfont icon-shexiangtou4\" />\n      <span>{{ areaName }}</span>\n    </div>\n    <div\n      ref=\"containerRef\"\n      class=\"i-tzj-ysplayer\"\n      style=\"width: 100%\"\n      :style=\"{\n        height: areaName ? 'calc(100% - 32px)' : '100%',\n        position: 'relative',\n      }\"\n    />\n    <ErrorPage\n      v-if=\"errorMsg\"\n      :video-name=\"areaName || deviceSerial\"\n      :message=\"errorMsg\"\n    />\n  </div>\n</template>\n"],"names":["uuid","shallowRef","useElementSize","ref","watch","onMounted","onBeforeUnmount","nextTick","_createElementBlock","_createCommentVNode","areaName","_openBlock","_createElementVNode","_unref","_createBlock","ErrorPage","deviceSerial"],"mappings":"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"}

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

@@ -1420,12 +1420,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             onVideoInfo?: ((...args: any[]) => any) | undefined;
             onTimeout?: ((...args: any[]) => any) | undefined;
             onMute?: ((...args: any[]) => any) | undefined;
+            onMemoryWarn?: ((...args: any[]) => any) | undefined;
         }> & {}>;
-        emits: (event: "error" | "play" | "pause" | "videoInfo" | "timeout" | "mute", ...args: any[]) => void;
+        emits: (event: "error" | "play" | "pause" | "videoInfo" | "timeout" | "mute" | "memoryWarn", ...args: any[]) => void;
         slots: Readonly<{
             [name: string]: import("vue").Slot<any> | undefined;
         }>;
         customBar: import("vue").ComputedRef<import("vue").Slot<any> | undefined>;
+        areaName: import("vue").Ref<string, string>;
+        deviceSerial: import("vue").Ref<string, string>;
         player: any;
         id: string;
         playerRef: import("vue").ShallowRef<HTMLDivElement | undefined, HTMLDivElement | undefined>;
@@ -1434,17 +1437,85 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         isFullscreen: import("vue").Ref<boolean, boolean>;
         videoInfo: import("vue").Ref<any, any>;
         realFullscreen: import("vue").Ref<boolean, boolean>;
+        reconnectAttempts: import("vue").Ref<number, number>;
+        maxReconnectAttempts: number;
+        reconnectCoolDown: import("vue").Ref<number, number>;
+        requestCache: Map<string, {
+            timestamp: number;
+            url: string;
+        }>;
+        DEBOUNCE_TIME: number;
+        timers: {
+            initTimer: number | null;
+            cleanupInterval: number | null;
+            memoryCheckInterval: number | null;
+            reconnectTimer: number | null;
+            debounceTimer: number | null;
+            lightCleanInterval: number | null;
+            rebuildInterval: number | null;
+        };
+        HIGH_MEMORY_THRESHOLD: number;
+        EMERGENCY_CLEAN_TIMEOUT: number;
+        MEMORY_CHECK_INTERVAL: number;
+        eventHandlers: {
+            event: string;
+            handler: Function;
+        }[];
+        isPlayerIniting: import("vue").Ref<boolean, boolean>;
+        isPlayerDestroyed: import("vue").Ref<boolean, boolean>;
+        MEMORY_PEAK_THRESHOLD: number;
+        CLEAN_INTERVAL: number;
+        lastMemoryPeak: number;
+        formatUrl: (url: string) => string;
+        initPlayer: (url: string) => Promise<void>;
+        debouncedInitPlayer: import("lodash").DebouncedFunc<(newUrl: string) => void>;
         play: (url?: string) => void;
         playerPause: () => void;
         playerScreenShot: () => void;
         playerFullscreen: (fullscreen: boolean) => void;
-        formatUrl: (url: string) => string;
-        initPlayer: (url: string) => Promise<void>;
-        removePlayerDom: () => void;
-        createPlayerDom: () => void;
+        seamlessRebuildPlayer: () => void;
         createPlayer: () => Promise<void>;
-        destroy: () => void;
-    }, {}, {}, {}, 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<{
+        handleReconnect: () => void;
+        createPlayerDom: () => void;
+        startMemoryMonitoring: () => void;
+        checkMemoryUsage: () => Promise<void>;
+        performEmergencyCleanup: () => void;
+        removePlayerDom: () => void;
+        destroy: (isForce?: boolean) => void;
+        ErrorPage: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            videoName: {
+                type: StringConstructor;
+                default: string;
+            };
+            message: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>, {
+            props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                videoName: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                message: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{}> & {}>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            videoName: {
+                type: StringConstructor;
+                default: string;
+            };
+            message: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & Readonly<{}>, {
+            message: string;
+            videoName: string;
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "play" | "pause" | "videoInfo" | "timeout" | "mute" | "memoryWarn")[], "error" | "play" | "pause" | "videoInfo" | "timeout" | "mute" | "memoryWarn", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         url: {
             type: StringConstructor;
             default: string;
@@ -1476,6 +1547,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onVideoInfo?: ((...args: any[]) => any) | undefined;
         onTimeout?: ((...args: any[]) => any) | undefined;
         onMute?: ((...args: any[]) => any) | undefined;
+        onMemoryWarn?: ((...args: any[]) => any) | undefined;
     }>, {
         url: string;
         accessToken: string;
@@ -1484,6 +1556,39 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         areaName: string;
         platformTypeName: string;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    ErrorPage: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        videoName: {
+            type: StringConstructor;
+            default: string;
+        };
+        message: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {
+        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            videoName: {
+                type: StringConstructor;
+                default: string;
+            };
+            message: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & Readonly<{}> & {}>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        videoName: {
+            type: StringConstructor;
+            default: string;
+        };
+        message: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        message: string;
+        videoName: string;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     url: {
         type: StringConstructor;

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

@@ -6,28 +6,26 @@ var vue = require('vue');
 require('./easyPlayer.vue.js');
 var tzjPlayer = require('./tzj-player.js');
 var yunzhiyan = require('./yunzhiyan.js');
+require('./errorPage.vue.js');
+var errorPage_vue_vue_type_script_setup_true_lang = require('./errorPage.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 = {
-  key: 0,
-  class: "i-tzj-player__error"
-};
-const _hoisted_2 = {
   key: 0,
   class: "i-easy-player-bar"
 };
-const _hoisted_3 = { class: "i-easy-player-bar-item i-easy-player-bar-left" };
-const _hoisted_4 = {
+const _hoisted_2 = { class: "i-easy-player-bar-item i-easy-player-bar-left" };
+const _hoisted_3 = {
   key: 2,
   class: "i-easy-player-bottom-bar"
 };
-const _hoisted_5 = {
+const _hoisted_4 = {
   key: 3,
   class: "i-easy-player-bottom-bar"
 };
-const _hoisted_6 = { class: "i-easy-player-bar-item i-easy-player-bar-right" };
+const _hoisted_5 = { class: "i-easy-player-bar-item i-easy-player-bar-right" };
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "YunzhiyanPlayer"
@@ -467,13 +465,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         vue.Fragment,
         null,
         [
-          errorMsg.value ? (vue.openBlock(), vue.createElementBlock(
-            "div",
-            _hoisted_1,
-            vue.toDisplayString(errorMsg.value),
-            1
-            /* TEXT */
-          )) : videoUrl.value ? (vue.openBlock(), vue.createBlock(easyPlayer_vue_vue_type_script_setup_true_lang.default, {
+          errorMsg.value ? (vue.openBlock(), vue.createBlock(errorPage_vue_vue_type_script_setup_true_lang.default, {
+            key: 0,
+            videoName: _ctx.areaName || _ctx.deviceSerial,
+            message: errorMsg.value
+          }, null, 8, ["videoName", "message"])) : videoUrl.value ? (vue.openBlock(), vue.createBlock(easyPlayer_vue_vue_type_script_setup_true_lang.default, {
             key: 1,
             ref_key: "playerRef",
             ref: playerRef,
@@ -491,9 +487,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             onMute: handleMute
           }, {
             customBar: vue.withCtx(() => [
-              showBottomBar.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+              showBottomBar.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
                 vue.createCommentVNode(" \u5DE6\u4FA7\uFF1A\u64AD\u653E/\u6682\u505C "),
-                vue.createElementVNode("div", _hoisted_3, [
+                vue.createElementVNode("div", _hoisted_2, [
                   vue.createCommentVNode(" \u64AD\u653E "),
                   !isPlaying.value ? (vue.openBlock(), vue.createElementBlock("div", {
                     key: 0,
@@ -528,13 +524,13 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     2112
                     /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
                   )),
-                  !isVolumeMuted.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+                  !isVolumeMuted.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
                     vue.createCommentVNode(" \u97F3\u91CF\u56FE\u6807 "),
                     vue.createElementVNode("i", {
                       class: "iconfont icon-notificationfill",
                       onClick: _cache[0] || (_cache[0] = ($event) => handleSetMute(1))
                     })
-                  ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+                  ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
                     vue.createCommentVNode(" \u9759\u97F3\u56FE\u6807 "),
                     vue.createElementVNode("i", {
                       class: "iconfont icon-notificationforbidfill",
@@ -543,7 +539,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   ]))
                 ]),
                 vue.createCommentVNode(" \u622A\u56FE,\u5168\u5C4F "),
-                vue.createElementVNode("div", _hoisted_6, [
+                vue.createElementVNode("div", _hoisted_5, [
                   vue.createCommentVNode(" \u8BED\u97F3\u5BF9\u8BB2:\u5173\u95ED\u72B6\u6001 "),
                   !isVoice.value ? (vue.openBlock(), vue.createElementBlock("div", {
                     key: 0,