@shijiu/jsview-vue 2.1.200 → 2.1.340-test.0

package/bin/browser/BrowserAudio.vue.mjs

@@ -0,0 +1,263 @@
+import { openBlock, createElementBlock, resolveComponent, mergeProps, createBlock } from 'vue';
+import { _ as _export_sfc } from '../export-sfc.mjs';
+
+//!
+//! utils/JsViewPlugin/JsvAudio/BrowserAudio/JsvSystemAudio.vue;
+//!
+/*! 
+
+
+ */
+const _sfc_main$1 = {
+  props: {
+    /**
+     * 回调函数，播放器对象通知接口
+     * @param {Object} video对象，可以通过此video对象调用video相关属性和方法，具体属性和方法定义见JsvMedia.js文件里相关说明。
+     */
+    onRef: { type: Function, default: () => {
+    } },
+    /**
+     * 属性，Boolean类型，true表示自动播放，默认false。
+     */
+    autoplay: { type: Boolean, default: false },
+    /**
+     * 属性，Boolean类型，true表示静音，默认false。
+     */
+    muted: { type: Boolean, default: false },
+    /**
+     * 属性，Boolean类型，true表示循环播放，默认false。
+     */
+    loop: { type: Boolean, default: false },
+    /**
+     * 属性，String类型，播放地址。
+     */
+    src: { type: String, default: "" },
+    /**
+     * 回调函数，播放结束时通过此回调接口通知。
+     */
+    onEnded: {
+      type: Function,
+      default: () => {
+        return {};
+      }
+    },
+    /**
+     * 回调函数，播放错误时通过此接口通知。
+     * @param {int} 错误类型，当前定义了四种错误。1是异常中断；2是网络错误；3是解码错误；4是格式不支持。
+     */
+    onError: {
+      type: Function,
+      default: () => {
+        return {};
+      }
+    },
+    /**
+     * 回调函数，开始加载，设置完播放地址后，上报此事件。
+     */
+    onLoadStart: {
+      type: Function,
+      default: () => {
+        return {};
+      }
+    },
+    /**
+     * 回调函数，视频准备好后触发。
+     */
+    onLoadedMetaData: {
+      type: Function,
+      default: () => {
+        return {};
+      }
+    },
+    /**
+     * 回调函数，视频准备好后触发，这个时候可以正常seek。
+     */
+    onLoad: {
+      type: Function,
+      default: () => {
+        return {};
+      }
+    },
+    /**
+     * 回调函数，音频失去焦点后触发此事件，可能会导致pause（点播）或者离开频道（直播）。
+     */
+    onAudioFocusLoss: {
+      type: Function,
+      default: () => {
+        return {};
+      }
+    },
+    /**
+     * 回调函数，音频获取焦点后触发此事件，可能会触发resume（点播）或者加入频道（直播）。
+     */
+    onAudioFocusGain: {
+      type: Function,
+      default: () => {
+        return {};
+      }
+    },
+    /*
+     *预下载音频
+     */
+    preDownload: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup() {
+    return {
+      audio: null
+    };
+  },
+  mounted() {
+    this.Jsvinit();
+  },
+  beforeUnmount() {
+    if (this.audio != null) {
+      this.audio.unload?.();
+      this.audio.releaseResource?.();
+      this.audio.onPlatformDestroy?.();
+      this.onRef?.(null);
+      this.unregisterOnVisibilityChange();
+    }
+  },
+  methods: {
+    registerEvent() {
+      if (this.audio) {
+        this.audio.addEventListener("ended", this.onEnded);
+        this.audio.addEventListener("error", this.onError);
+        this.audio.addEventListener("loadstart", this.onLoadStart);
+        this.audio.addEventListener("loadedmetadata", this.onLoadedMetaData);
+        this.audio.addEventListener("load", this.onLoad);
+        this.audio.addEventListener("audiofocusloss", this.onAudioFocusLoss);
+        this.audio.addEventListener("audiofocusgain", this.onAudioFocusGain);
+      }
+    },
+    onVisibilityChange(status) {
+      if (status.status === "show") {
+        this.onJsViewShow();
+      } else if (status.status === "hide") {
+        this.onJsViewHide();
+      }
+    },
+    registerOnVisibilityChange() {
+      if (window.JsView) {
+        window.JsView.onVisibilityChange(this.onVisibilityChange);
+      }
+    },
+    unregisterOnVisibilityChange() {
+      if (window.JsView) {
+        window.JsView.removeEventCallback(this.onVisibilityChange);
+      }
+    },
+    onJsViewHide() {
+      if (this.audio) {
+        if (!this.audio.paused) {
+          this.stopByOnHide = true;
+        }
+        this.audio.unload();
+      }
+    },
+    onJsViewShow() {
+      if (!this.audio) {
+        this.Jsvinit();
+      }
+      if (this.stopByOnHide) {
+        this.stopByOnHide = false;
+        this.Jsvinit();
+      }
+    },
+    Jsvinit() {
+      this.audio = new Audio();
+      this.registerEvent();
+      if (this.src && this.src !== "") {
+        let realUrl;
+        if (window.JsView) {
+          realUrl = new window.JsView.Dom.UrlRef(this.src).href;
+        } else {
+          realUrl = this.src;
+        }
+        this.audio.src = realUrl;
+      }
+      if (this.autoplay) {
+        this.audio.autoplay = this.autoplay;
+      }
+      if (this.muted) {
+        this.audio.muted = this.muted;
+      }
+      if (this.loop) {
+        this.audio.loop = this.loop;
+      }
+      if (this.preDownload) {
+        this.audio.predownload = this.preDownload;
+      }
+      this.onRef?.(this.audio);
+      Promise.resolve().then(() => {
+        if (this.audio) {
+          this.audio.confirmInitSetup?.();
+        }
+      });
+      this.registerOnVisibilityChange();
+    }
+  }
+};
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    style: { width: 1, height: 1 },
+    backgroundColor: "rgba(0,0,0,1)"
+  });
+}
+const JsvSystemAudio = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
+
+//!
+//! utils/JsViewPlugin/JsvAudio/BrowserAudio/BrowserAudio.vue;
+//!
+/*! 
+
+
+ */
+const _sfc_main = {
+  components: {
+    JsvSystemAudio
+  },
+  props: {
+    onRef: { type: Function, default: () => {
+    } }
+  },
+  setup() {
+    return {
+      audioRef: null
+    };
+  },
+  methods: {
+    onRefProxy(audio_ref) {
+      if (audio_ref != null) {
+        audio_ref.closeScreenSaver = () => {
+        };
+        audio_ref.openScreenSaver = () => {
+        };
+      }
+      this.audioRef = audio_ref;
+    }
+  },
+  mounted() {
+    if (this.audioRef && this.onRef) {
+      let audio_ref = this.audioRef;
+      this.audioRef = null;
+      this.onRef(audio_ref);
+    }
+  },
+  beforeUnmount() {
+    this.audioRef?.closeScreenSaver();
+    if (this.onRef) {
+      this.onRef(null);
+    }
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_jsv_system_audio = resolveComponent("jsv-system-audio");
+  return openBlock(), createBlock(_component_jsv_system_audio, mergeProps({ onRef: $options.onRefProxy }, _ctx.$attrs), null, 16, ["onRef"]);
+}
+const BrowserAudio = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { BrowserAudio as default };