@yimou6/common-ui 1.10.6 → 1.10.8

package/es/components/tzj-player/src/yunzhiyanPlayer.vue.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './yunzhiyanPlayer.vue2.mjs';
+
+
+
+export { _sfc_main as default };
+//# sourceMappingURL=yunzhiyanPlayer.vue.mjs.map

package/es/components/tzj-player/src/yunzhiyanPlayer.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"yunzhiyanPlayer.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/es/components/tzj-player/src/yunzhiyanPlayer.vue2.mjs

@@ -0,0 +1,630 @@
+import { defineComponent, ref, shallowRef, onMounted, onUnmounted, openBlock, createElementBlock, Fragment, toDisplayString, createBlock, withCtx, createCommentVNode, createElementVNode, normalizeClass } from 'vue';
+import './easyPlayer.vue.mjs';
+import { TzjPlayerProps } from './tzj-player.mjs';
+import { GetYunZhiYanDeviceChannel, GetYunZhiYanDeviceVideoUrl, GetYunZhiYanOpenVoiceIntercom, GetYunZhiYanUserPlaySecretKey, GetYunZhiYanCloseVoiceIntercom } from './yunzhiyan.mjs';
+import _sfc_main$1 from './easyPlayer.vue2.mjs';
+
+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 = {
+  key: 2,
+  class: "i-easy-player-bottom-bar"
+};
+const _hoisted_5 = {
+  key: 3,
+  class: "i-easy-player-bottom-bar"
+};
+const _hoisted_6 = { class: "i-easy-player-bar-item i-easy-player-bar-right" };
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "YunzhiyanPlayer"
+  },
+  __name: "yunzhiyanPlayer",
+  props: TzjPlayerProps,
+  setup(__props) {
+    const props = __props;
+    const videoUrl = ref("");
+    const errorMsg = ref("");
+    const taskId = ref("");
+    const showBottomBar = ref(false);
+    const playerRef = shallowRef();
+    const isPlaying = ref(false);
+    const isVoice = ref(false);
+    const isFullscreen = ref(false);
+    const isVolumeMuted = ref(true);
+    const isIntercomActive = ref(false);
+    const audioContext = ref(null);
+    const mediaStream = ref(null);
+    const websocket = ref(null);
+    const audioWorkletNode = ref(null);
+    const intercomTimer = ref(null);
+    const audioMsg = ref({
+      type: "",
+      msg: ""
+    });
+    const AUDIO_CONFIG = {
+      sampleRate: 48e3,
+      channelCount: 1,
+      sampleSize: 16
+    };
+    const initPlayer = /* @__PURE__ */ __name(async () => {
+      try {
+        if (!props.deviceSerial) {
+          errorMsg.value = "\u8BBE\u5907\u5E8F\u5217\u53F7\u4E0D\u80FD\u4E3A\u7A7A";
+          return;
+        }
+        const channelId = await GetYunZhiYanDeviceChannel(props.deviceSerial);
+        if (props.debug) {
+          console.log("\u83B7\u53D6\u4E91\u667A\u773C\u8BBE\u5907\u901A\u9053ID", channelId);
+        }
+        if (!channelId) {
+          errorMsg.value = "\u83B7\u53D6\u8BBE\u5907\u901A\u9053ID\u5931\u8D25";
+          return;
+        }
+        const url = await GetYunZhiYanDeviceVideoUrl(props.deviceSerial, channelId);
+        if (props.debug) {
+          console.log("\u83B7\u53D6\u4E91\u667A\u773C\u8BBE\u5907\u89C6\u9891\u64AD\u653E\u5730\u5740", url);
+        }
+        if (!url) {
+          errorMsg.value = "\u83B7\u53D6\u89C6\u9891\u64AD\u653E\u5730\u5740\u5931\u8D25";
+          return;
+        }
+        videoUrl.value = url;
+        errorMsg.value = "";
+      } catch (error) {
+        if (props.debug) {
+          console.error("\u521D\u59CB\u5316\u4E91\u667A\u773C\u64AD\u653E\u5668\u5931\u8D25:", error);
+        }
+        errorMsg.value = `\u521D\u59CB\u5316\u5931\u8D25: ${error instanceof Error ? error.message : "\u672A\u77E5\u9519\u8BEF"}`;
+      }
+    }, "initPlayer");
+    const playerPlay = /* @__PURE__ */ __name(() => {
+      var _a;
+      (_a = playerRef.value) == null ? void 0 : _a.play();
+    }, "playerPlay");
+    const playerPause = /* @__PURE__ */ __name(() => {
+      var _a;
+      (_a = playerRef.value) == null ? void 0 : _a.pause();
+    }, "playerPause");
+    const playerScreenShot = /* @__PURE__ */ __name(() => {
+      var _a;
+      (_a = playerRef.value) == null ? void 0 : _a.screenshot();
+    }, "playerScreenShot");
+    const playerFullscreen = /* @__PURE__ */ __name((fullscreen) => {
+      var _a;
+      isFullscreen.value = fullscreen;
+      (_a = playerRef.value) == null ? void 0 : _a.fullscreen(fullscreen);
+    }, "playerFullscreen");
+    const getAudioUrl = /* @__PURE__ */ __name(async () => {
+      try {
+        if (!props.deviceSerial) {
+          throw new Error("\u8BBE\u5907\u5E8F\u5217\u53F7\u4E0D\u80FD\u4E3A\u7A7A");
+        }
+        const res = await GetYunZhiYanOpenVoiceIntercom(props.deviceSerial);
+        if (props.debug) {
+          console.log("\u5F00\u542F\u8BED\u97F3\u5BF9\u8BB2\u54CD\u5E94:", res);
+        }
+        if (!res) {
+          throw new Error("\u5F00\u542F\u8BED\u97F3\u5BF9\u8BB2\u5931\u8D25");
+        }
+        taskId.value = res.taskId;
+        const wssUrl = res.wssUrl;
+        if (!taskId.value || !wssUrl) {
+          throw new Error("\u83B7\u53D6\u8BED\u97F3\u5BF9\u8BB2\u53C2\u6570\u5931\u8D25");
+        }
+        const sign = await GetYunZhiYanUserPlaySecretKey(taskId.value);
+        if (!sign) {
+          throw new Error("\u83B7\u53D6\u7B7E\u540D\u5931\u8D25");
+        }
+        const url = new URL(wssUrl);
+        url.searchParams.append("sign", sign);
+        return url.toString();
+      } catch (error) {
+        if (props.debug) {
+          console.error("\u83B7\u53D6\u8BED\u97F3\u5BF9\u8BB2\u5730\u5740\u5931\u8D25:", error);
+        }
+        throw error;
+      }
+    }, "getAudioUrl");
+    const initAudioContext = /* @__PURE__ */ __name(async () => {
+      try {
+        audioContext.value = new (window.AudioContext || window.webkitAudioContext)({
+          sampleRate: AUDIO_CONFIG.sampleRate
+        });
+        if (audioContext.value.state === "suspended") {
+          await audioContext.value.resume();
+        }
+        if (props.debug) {
+          console.log(
+            "\u97F3\u9891\u4E0A\u4E0B\u6587\u521D\u59CB\u5316\u6210\u529F\uFF0C\u91C7\u6837\u7387:",
+            audioContext.value.sampleRate
+          );
+        }
+      } catch (error) {
+        throw new Error(`\u97F3\u9891\u4E0A\u4E0B\u6587\u521D\u59CB\u5316\u5931\u8D25: ${error}`);
+      }
+    }, "initAudioContext");
+    const initMicrophone = /* @__PURE__ */ __name(async () => {
+      try {
+        if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
+          throw new Error("\u5F53\u524D\u6D4F\u89C8\u5668\u4E0D\u652F\u6301\u9EA6\u514B\u98CE\u8BBF\u95EE");
+        }
+        const constraints = {
+          audio: {
+            channelCount: AUDIO_CONFIG.channelCount,
+            sampleRate: AUDIO_CONFIG.sampleRate,
+            echoCancellation: true,
+            noiseSuppression: true,
+            autoGainControl: true
+          },
+          video: false
+        };
+        mediaStream.value = await navigator.mediaDevices.getUserMedia(constraints);
+        if (props.debug) {
+          console.log("\u9EA6\u514B\u98CE\u521D\u59CB\u5316\u6210\u529F");
+        }
+      } catch (error) {
+        if (error instanceof Error) {
+          switch (error.name) {
+            case "NotAllowedError":
+              throw new Error("\u9EA6\u514B\u98CE\u6743\u9650\u88AB\u62D2\u7EDD\uFF0C\u8BF7\u5141\u8BB8\u8BBF\u95EE\u9EA6\u514B\u98CE");
+            case "NotFoundError":
+              throw new Error("\u672A\u627E\u5230\u53EF\u7528\u7684\u9EA6\u514B\u98CE\u8BBE\u5907");
+            case "NotReadableError":
+              throw new Error("\u9EA6\u514B\u98CE\u8BBE\u5907\u88AB\u5176\u4ED6\u5E94\u7528\u5360\u7528");
+            case "OverconstrainedError":
+              throw new Error("\u9EA6\u514B\u98CE\u8BBE\u5907\u4E0D\u652F\u6301\u6307\u5B9A\u7684\u97F3\u9891\u53C2\u6570");
+            default:
+              throw new Error(`\u9EA6\u514B\u98CE\u521D\u59CB\u5316\u5931\u8D25: ${error.message}`);
+          }
+        }
+        throw new Error(`\u9EA6\u514B\u98CE\u521D\u59CB\u5316\u5931\u8D25: ${error}`);
+      }
+    }, "initMicrophone");
+    const connectWebSocket = /* @__PURE__ */ __name(async (url) => {
+      return new Promise((resolve, reject) => {
+        try {
+          websocket.value = new WebSocket(url);
+          websocket.value.binaryType = "arraybuffer";
+          let isResolved = false;
+          websocket.value.onopen = () => {
+            if (props.debug) {
+              console.log("WebSocket\u8FDE\u63A5\u6210\u529F");
+            }
+            if (!isResolved) {
+              isResolved = true;
+              resolve();
+            }
+          };
+          websocket.value.onerror = (error) => {
+            if (props.debug) {
+              console.error("WebSocket\u8FDE\u63A5\u9519\u8BEF:", error);
+            }
+            if (!isResolved) {
+              isResolved = true;
+              reject(new Error("WebSocket\u8FDE\u63A5\u5931\u8D25"));
+            }
+          };
+          websocket.value.onclose = (event) => {
+            if (props.debug) {
+              console.log("WebSocket\u8FDE\u63A5\u5173\u95ED:", event.code, event.reason);
+            }
+            if (isIntercomActive.value) {
+              isIntercomActive.value = false;
+              isVoice.value = false;
+            }
+          };
+          websocket.value.onmessage = (event) => {
+            if (props.debug) {
+              console.log("\u6536\u5230\u670D\u52A1\u7AEF\u6D88\u606F:", event.data);
+            }
+          };
+          const timeoutId = setTimeout(() => {
+            var _a, _b;
+            if (!isResolved && ((_a = websocket.value) == null ? void 0 : _a.readyState) !== WebSocket.OPEN) {
+              isResolved = true;
+              (_b = websocket.value) == null ? void 0 : _b.close();
+              reject(new Error("WebSocket\u8FDE\u63A5\u8D85\u65F6"));
+            }
+          }, 1e4);
+          if (websocket.value) {
+            const originalOnOpen = websocket.value.onopen;
+            const originalOnError = websocket.value.onerror;
+            websocket.value.onopen = function(event) {
+              clearTimeout(timeoutId);
+              originalOnOpen == null ? void 0 : originalOnOpen.call(this, event);
+            };
+            websocket.value.onerror = function(event) {
+              clearTimeout(timeoutId);
+              originalOnError == null ? void 0 : originalOnError.call(this, event);
+            };
+          }
+        } catch (error) {
+          reject(new Error(`WebSocket\u521B\u5EFA\u5931\u8D25: ${error}`));
+        }
+      });
+    }, "connectWebSocket");
+    const convertToPCM16 = /* @__PURE__ */ __name((float32Array) => {
+      const buffer = new ArrayBuffer(float32Array.length * 2);
+      const view = new DataView(buffer);
+      for (let i = 0; i < float32Array.length; i++) {
+        const sample = Math.max(-1, Math.min(1, float32Array[i]));
+        const intSample = sample < 0 ? sample * 32768 : sample * 32767;
+        view.setInt16(i * 2, intSample, true);
+      }
+      return buffer;
+    }, "convertToPCM16");
+    const startAudioProcessing = /* @__PURE__ */ __name(async () => {
+      try {
+        if (!audioContext.value || !mediaStream.value) {
+          throw new Error("\u97F3\u9891\u4E0A\u4E0B\u6587\u6216\u5A92\u4F53\u6D41\u672A\u521D\u59CB\u5316");
+        }
+        const sourceNode = audioContext.value.createMediaStreamSource(
+          mediaStream.value
+        );
+        const bufferSize = 4096;
+        const processor = audioContext.value.createScriptProcessor(
+          bufferSize,
+          1,
+          1
+        );
+        processor.onaudioprocess = (event) => {
+          if (!isIntercomActive.value || !websocket.value || websocket.value.readyState !== WebSocket.OPEN) {
+            return;
+          }
+          try {
+            const inputBuffer = event.inputBuffer;
+            const inputData = inputBuffer.getChannelData(0);
+            if (inputData.length === 0) {
+              return;
+            }
+            const pcmData = convertToPCM16(inputData);
+            websocket.value.send(pcmData);
+          } catch (error) {
+            if (props.debug) {
+              console.error("\u97F3\u9891\u6570\u636E\u5904\u7406\u9519\u8BEF:", error);
+            }
+          }
+        };
+        sourceNode.connect(processor);
+        processor.connect(audioContext.value.destination);
+        audioWorkletNode.value = processor;
+        if (props.debug) {
+          console.log("\u97F3\u9891\u6570\u636E\u5904\u7406\u5F00\u59CB");
+        }
+      } catch (error) {
+        throw new Error(`\u97F3\u9891\u6570\u636E\u5904\u7406\u542F\u52A8\u5931\u8D25: ${error}`);
+      }
+    }, "startAudioProcessing");
+    const stopIntercom = /* @__PURE__ */ __name(async () => {
+      try {
+        if (props.debug) {
+          console.log("\u6B63\u5728\u505C\u6B62\u8BED\u97F3\u5BF9\u8BB2...");
+        }
+        isVoice.value = false;
+        isIntercomActive.value = false;
+        if (intercomTimer.value) {
+          clearTimeout(intercomTimer.value);
+          intercomTimer.value = null;
+        }
+        if (props.deviceSerial && taskId.value) {
+          try {
+            await GetYunZhiYanCloseVoiceIntercom(props.deviceSerial, taskId.value);
+          } catch (error) {
+            if (props.debug) {
+              console.error("\u5173\u95ED\u670D\u52A1\u7AEF\u8BED\u97F3\u5BF9\u8BB2\u5931\u8D25:", error);
+            }
+          }
+        }
+        if (websocket.value) {
+          if (websocket.value.readyState === WebSocket.OPEN) {
+            websocket.value.close(1e3, "\u7528\u6237\u4E3B\u52A8\u5173\u95ED");
+          }
+          websocket.value = null;
+        }
+        if (mediaStream.value) {
+          mediaStream.value.getTracks().forEach((track) => {
+            track.stop();
+          });
+          mediaStream.value = null;
+        }
+        if (audioContext.value && audioContext.value.state !== "closed") {
+          try {
+            await audioContext.value.close();
+          } catch (error) {
+            if (props.debug) {
+              console.error("\u5173\u95ED\u97F3\u9891\u4E0A\u4E0B\u6587\u5931\u8D25:", error);
+            }
+          }
+          audioContext.value = null;
+        }
+        if (audioWorkletNode.value) {
+          try {
+            audioWorkletNode.value.disconnect();
+          } catch (error) {
+            if (props.debug) {
+              console.error("\u65AD\u5F00\u97F3\u9891\u5DE5\u4F5C\u8282\u70B9\u5931\u8D25:", error);
+            }
+          }
+          audioWorkletNode.value = null;
+        }
+        taskId.value = "";
+        audioMsg.value = {
+          type: "",
+          msg: ""
+        };
+        if (props.debug) {
+          console.log("\u8BED\u97F3\u5BF9\u8BB2\u5DF2\u505C\u6B62");
+        }
+      } catch (error) {
+        if (props.debug) {
+          console.error("\u505C\u6B62\u8BED\u97F3\u5BF9\u8BB2\u65F6\u53D1\u751F\u9519\u8BEF:", error);
+        }
+      }
+    }, "stopIntercom");
+    const handleVideoInfo = /* @__PURE__ */ __name(() => {
+      var _a;
+      isVolumeMuted.value = (_a = playerRef.value) == null ? void 0 : _a.isMute();
+    }, "handleVideoInfo");
+    const handleMute = /* @__PURE__ */ __name((mute) => {
+      isVolumeMuted.value = mute;
+    }, "handleMute");
+    const handleSetMute = /* @__PURE__ */ __name((volume) => {
+      var _a;
+      (_a = playerRef.value) == null ? void 0 : _a.setMute(volume);
+    }, "handleSetMute");
+    const intercom = /* @__PURE__ */ __name(async () => {
+      try {
+        if (props.debug) {
+          console.log("\u5F00\u59CB\u8BED\u97F3\u5BF9\u8BB2...");
+        }
+        audioMsg.value = {
+          type: "info",
+          msg: "\u6B63\u5728\u8FDE\u63A5..."
+        };
+        if (isIntercomActive.value) {
+          if (props.debug) {
+            console.warn("\u8BED\u97F3\u5BF9\u8BB2\u5DF2\u5728\u8FDB\u884C\u4E2D");
+          }
+          return;
+        }
+        isVoice.value = true;
+        if (props.debug) {
+          console.log("\u6B63\u5728\u83B7\u53D6\u8BED\u97F3\u63A8\u9001\u5730\u5740...");
+        }
+        const audioUrl = await getAudioUrl();
+        if (props.debug) {
+          console.log("\u8BED\u97F3\u63A8\u9001\u5730\u5740:", audioUrl);
+        }
+        await initAudioContext();
+        await initMicrophone();
+        await connectWebSocket(audioUrl);
+        await startAudioProcessing();
+        isIntercomActive.value = true;
+        if (isVolumeMuted.value) {
+          handleSetMute(0);
+        }
+        audioMsg.value = {
+          type: "success",
+          msg: "\u8BED\u97F3\u5BF9\u8BB2..."
+        };
+        intercomTimer.value = window.setTimeout(async () => {
+          if (props.debug) {
+            console.log("\u8BED\u97F3\u5BF9\u8BB230\u79D2\u65F6\u95F4\u5230\uFF0C\u81EA\u52A8\u505C\u6B62");
+          }
+          await stopIntercom();
+        }, 3e4);
+        if (props.debug) {
+          console.log("\u8BED\u97F3\u5BF9\u8BB2\u542F\u52A8\u6210\u529F");
+        }
+      } catch (error) {
+        if (props.debug) {
+          console.error("\u8BED\u97F3\u5BF9\u8BB2\u542F\u52A8\u5931\u8D25:", error);
+        }
+        await stopIntercom();
+        audioMsg.value = {
+          type: "error",
+          msg: "\u8BED\u97F3\u5BF9\u8BB2\u542F\u52A8\u5931\u8D25"
+        };
+        setTimeout(() => {
+          audioMsg.value = {
+            type: "",
+            msg: ""
+          };
+        }, 3e3);
+      }
+    }, "intercom");
+    onMounted(() => {
+      initPlayer();
+    });
+    onUnmounted(() => {
+      if (isIntercomActive.value) {
+        stopIntercom();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        Fragment,
+        null,
+        [
+          errorMsg.value ? (openBlock(), createElementBlock(
+            "div",
+            _hoisted_1,
+            toDisplayString(errorMsg.value),
+            1
+            /* TEXT */
+          )) : videoUrl.value ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 1,
+            ref_key: "playerRef",
+            ref: playerRef,
+            url: videoUrl.value,
+            debug: _ctx.debug,
+            "access-token": _ctx.accessToken,
+            "platform-type-name": _ctx.platformTypeName,
+            "device-serial": _ctx.deviceSerial,
+            onMouseenter: _cache[4] || (_cache[4] = ($event) => showBottomBar.value = true),
+            onMouseleave: _cache[5] || (_cache[5] = ($event) => showBottomBar.value = false),
+            onPause: _cache[6] || (_cache[6] = ($event) => isPlaying.value = false),
+            onPlay: _cache[7] || (_cache[7] = ($event) => isPlaying.value = true),
+            onVideoInfo: handleVideoInfo,
+            onMute: handleMute
+          }, {
+            customBar: withCtx(() => [
+              showBottomBar.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                createCommentVNode(" \u5DE6\u4FA7\uFF1A\u64AD\u653E/\u6682\u505C "),
+                createElementVNode("div", _hoisted_3, [
+                  createCommentVNode(" \u64AD\u653E "),
+                  !isPlaying.value ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    class: "i-easy-player-bottom-bar",
+                    onClick: playerPlay
+                  }, _cache[8] || (_cache[8] = [
+                    createElementVNode(
+                      "i",
+                      { class: "iconfont icon-playfill" },
+                      null,
+                      -1
+                      /* CACHED */
+                    )
+                  ]))) : (openBlock(), createElementBlock(
+                    Fragment,
+                    { key: 1 },
+                    [
+                      createCommentVNode(" \u6682\u505C "),
+                      createElementVNode("div", {
+                        class: "i-easy-player-bottom-bar",
+                        onClick: playerPause
+                      }, _cache[9] || (_cache[9] = [
+                        createElementVNode(
+                          "i",
+                          { class: "iconfont icon-stop" },
+                          null,
+                          -1
+                          /* CACHED */
+                        )
+                      ]))
+                    ],
+                    2112
+                    /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                  )),
+                  !isVolumeMuted.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                    createCommentVNode(" \u97F3\u91CF\u56FE\u6807 "),
+                    createElementVNode("i", {
+                      class: "iconfont icon-notificationfill",
+                      onClick: _cache[0] || (_cache[0] = ($event) => handleSetMute(1))
+                    })
+                  ])) : (openBlock(), createElementBlock("div", _hoisted_5, [
+                    createCommentVNode(" \u9759\u97F3\u56FE\u6807 "),
+                    createElementVNode("i", {
+                      class: "iconfont icon-notificationforbidfill",
+                      onClick: _cache[1] || (_cache[1] = ($event) => handleSetMute(0))
+                    })
+                  ]))
+                ]),
+                createCommentVNode(" \u622A\u56FE,\u5168\u5C4F "),
+                createElementVNode("div", _hoisted_6, [
+                  createCommentVNode(" \u8BED\u97F3\u5BF9\u8BB2:\u5173\u95ED\u72B6\u6001 "),
+                  !isVoice.value ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    class: "i-easy-player-bottom-bar",
+                    onClick: intercom
+                  }, _cache[10] || (_cache[10] = [
+                    createElementVNode(
+                      "i",
+                      { class: "iconfont icon-voice" },
+                      null,
+                      -1
+                      /* CACHED */
+                    )
+                  ]))) : createCommentVNode("v-if", true),
+                  createCommentVNode(" \u8BED\u97F3\u5BF9\u8BB2:\u5F00\u542F\u72B6\u6001 "),
+                  isVoice.value ? (openBlock(), createElementBlock("div", {
+                    key: 1,
+                    class: "i-easy-player-bottom-bar",
+                    onClick: stopIntercom
+                  }, _cache[11] || (_cache[11] = [
+                    createElementVNode(
+                      "i",
+                      { class: "iconfont icon-voicefill" },
+                      null,
+                      -1
+                      /* CACHED */
+                    )
+                  ]))) : createCommentVNode("v-if", true),
+                  createCommentVNode(" \u622A\u56FE "),
+                  createElementVNode("div", {
+                    class: "i-easy-player-bottom-bar",
+                    onClick: playerScreenShot
+                  }, _cache[12] || (_cache[12] = [
+                    createElementVNode(
+                      "i",
+                      { class: "iconfont icon-picfill" },
+                      null,
+                      -1
+                      /* CACHED */
+                    )
+                  ])),
+                  createCommentVNode(" \u5168\u5C4F "),
+                  !isFullscreen.value ? (openBlock(), createElementBlock("div", {
+                    key: 2,
+                    class: "i-easy-player-bottom-bar",
+                    onClick: _cache[2] || (_cache[2] = ($event) => playerFullscreen(true))
+                  }, _cache[13] || (_cache[13] = [
+                    createElementVNode(
+                      "i",
+                      { class: "iconfont icon-full" },
+                      null,
+                      -1
+                      /* CACHED */
+                    )
+                  ]))) : createCommentVNode("v-if", true),
+                  createCommentVNode(" \u53D6\u6D88\u5168\u5C4F "),
+                  isFullscreen.value ? (openBlock(), createElementBlock("div", {
+                    key: 3,
+                    class: "i-easy-player-bottom-bar",
+                    onClick: _cache[3] || (_cache[3] = ($event) => playerFullscreen(false))
+                  }, _cache[14] || (_cache[14] = [
+                    createElementVNode(
+                      "i",
+                      { class: "iconfont icon-reduction" },
+                      null,
+                      -1
+                      /* CACHED */
+                    )
+                  ]))) : createCommentVNode("v-if", true)
+                ])
+              ])) : createCommentVNode("v-if", true)
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["url", "debug", "access-token", "platform-type-name", "device-serial"])) : createCommentVNode("v-if", true),
+          createCommentVNode(" \u8BED\u97F3\u5BF9\u8BB2\u9519\u8BEF\u63D0\u793A "),
+          audioMsg.value.msg ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 2,
+              class: normalizeClass(["i-tzj-player__voice-default", `i-tzj-player__voice-${audioMsg.value.type}`])
+            },
+            toDisplayString(audioMsg.value.msg),
+            3
+            /* TEXT, CLASS */
+          )) : createCommentVNode("v-if", true)
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=yunzhiyanPlayer.vue2.mjs.map