@netless/app-slide 0.2.71-alpha.3 → 0.2.71-alpha.5

package/dist/main.es.js

@@ -31503,13 +31503,11 @@ void main(void){
         this.startTimeChangeEmit(), this.emit("play");
       }), this.rctClient.on("resumeAllAudioInterruptByAudioSessionChanged", () => {
         this.emit("resumeAllAudioInterruptByAudioSessionChanged");
-      })) : window.__pcmProxy ? (this.domAudio = document.createElement("audio"), this.domAudio.addEventListener("pause", () => {
+      })) : window.__pcmProxy ? (this.domAudio = document.createElement("audio"), this.domAudio.src = t2, this.domAudio.crossOrigin = "anonymous", this.domAudio.addEventListener("pause", () => {
         this.emit("pause");
-      }), this.domAudio.addEventListener("playing", () => {
-        console.log("connect pcm proxy"), this.pcmSource = window.__pcmProxy.connect(this.domAudio);
-      }, { once: true }), this.domAudio.addEventListener("playing", () => {
-        this.emit("load"), this.startTimeChangeEmit(), this.emit("play");
-      }), console.log("use pcm proxy")) : (this.howl = new c_.Howl({ src: [t2], html5: null == n2 ? void 0 : n2.enableWebAudio }), [this.staticEventId] = this.howl._getSoundIds(), this.howl.load(), this.howl.on("load", () => {
+      }), this.pcmSource = window.__pcmProxy.connect(this.domAudio), this.domAudio.addEventListener("playing", () => {
+        window.__autoResume && "suspended" === window.__pcmProxy.audioContext.state && window.__pcmProxy.audioContext.resume(), this.emit("load"), this.startTimeChangeEmit(), this.emit("play");
+      }), console.log("pcm proxy connect", this.domAudio)) : (this.howl = new c_.Howl({ src: [t2], html5: null == n2 ? void 0 : n2.enableWebAudio }), [this.staticEventId] = this.howl._getSoundIds(), this.howl.load(), this.howl.on("load", () => {
         this.isHowlLoadEmit = true, this.emit("load");
       }), this.howl.on("pause", () => this.emit("pause")), this.howl.on("play", () => {
         this.isHowlLoadEmit || this.emit("load"), this.isHowlEnd = false, this.startTimeChangeEmit(), this.emit("play");
@@ -31523,15 +31521,15 @@ void main(void){
       }, 300);
     }
     play() {
-      var t2, e2, i2;
-      this.runningAudio.has(this.url) && (null === (t2 = this.runningAudio.get(this.url)) || void 0 === t2 || t2.stop(), this.runningAudio.delete(this.url)), this.isHowlEnd = false, this.lastTime = -1, null === (e2 = this.howl) || void 0 === e2 || e2.play(this.staticEventId), null === (i2 = this.rctClient) || void 0 === i2 || i2.play(), this.runningAudio.set(this.url, this);
+      var t2, e2, i2, n2;
+      this.runningAudio.has(this.url) && (null === (t2 = this.runningAudio.get(this.url)) || void 0 === t2 || t2.stop(), this.runningAudio.delete(this.url)), this.isHowlEnd = false, this.lastTime = -1, null === (e2 = this.howl) || void 0 === e2 || e2.play(this.staticEventId), null === (i2 = this.rctClient) || void 0 === i2 || i2.play(), null === (n2 = this.domAudio) || void 0 === n2 || n2.play(), this.runningAudio.set(this.url, this);
     }
     fade(t2, e2, i2) {
       this.howl && this.howl.fade(t2, e2, i2);
     }
     pause() {
-      var t2, e2;
-      null === (t2 = this.howl) || void 0 === t2 || t2.pause(this.staticEventId), null === (e2 = this.rctClient) || void 0 === e2 || e2.pause(), this.runningAudio.has(this.url) && this.runningAudio.delete(this.url);
+      var t2, e2, i2;
+      null === (t2 = this.howl) || void 0 === t2 || t2.pause(this.staticEventId), null === (e2 = this.rctClient) || void 0 === e2 || e2.pause(), null === (i2 = this.domAudio) || void 0 === i2 || i2.pause(), this.runningAudio.has(this.url) && this.runningAudio.delete(this.url);
     }
     globalPause() {
       this.isPaused || (this.isGlobalPause = true, this.pause());
@@ -31540,27 +31538,27 @@ void main(void){
       this.isGlobalPause && (this.isGlobalPause = false, this.play());
     }
     stop() {
-      var t2;
-      null === (t2 = this.howl) || void 0 === t2 || t2.pause(this.staticEventId), this.rctClient && (this.rctClient.pause(), this.rctClient.currentTime = 0), this.runningAudio.has(this.url) && this.runningAudio.delete(this.url);
+      var t2, e2;
+      null === (t2 = this.howl) || void 0 === t2 || t2.pause(this.staticEventId), null === (e2 = this.domAudio) || void 0 === e2 || e2.pause(), this.rctClient && (this.rctClient.pause(), this.rctClient.currentTime = 0), this.runningAudio.has(this.url) && this.runningAudio.delete(this.url);
     }
     destroy() {
       var t2, e2, i2, n2, r2, o2, s2, a2, l2;
-      null === (t2 = this.howl) || void 0 === t2 || t2.stop(this.staticEventId), null === (e2 = this.howl) || void 0 === e2 || e2.unload(), null === (i2 = this.rctClient) || void 0 === i2 || i2.pause(), null === (n2 = this.rctClient) || void 0 === n2 || n2.destroy(), null === (r2 = this.rctClient) || void 0 === r2 || r2.removeAllListeners("load"), null === (o2 = this.rctClient) || void 0 === o2 || o2.removeAllListeners("play"), null === (s2 = this.rctClient) || void 0 === s2 || s2.removeAllListeners("pause"), null === (a2 = this.rctClient) || void 0 === a2 || a2.removeAllListeners("resumeAllAudioInterruptByAudioSessionChanged"), null === (l2 = this.pcmSource) || void 0 === l2 || l2.disconnect(), this.runningAudio.has(this.url) && this.runningAudio.delete(this.url);
+      null === (t2 = this.howl) || void 0 === t2 || t2.stop(this.staticEventId), null === (e2 = this.howl) || void 0 === e2 || e2.unload(), null === (i2 = this.rctClient) || void 0 === i2 || i2.pause(), null === (n2 = this.rctClient) || void 0 === n2 || n2.destroy(), null === (r2 = this.rctClient) || void 0 === r2 || r2.removeAllListeners("load"), null === (o2 = this.rctClient) || void 0 === o2 || o2.removeAllListeners("play"), null === (s2 = this.rctClient) || void 0 === s2 || s2.removeAllListeners("pause"), null === (a2 = this.rctClient) || void 0 === a2 || a2.removeAllListeners("resumeAllAudioInterruptByAudioSessionChanged"), null === (l2 = this.pcmSource) || void 0 === l2 || l2.disconnect(), console.log("pcm disconnect"), this.runningAudio.has(this.url) && this.runningAudio.delete(this.url);
     }
     get currentTime() {
-      return this.rctClient ? this.rctClient.currentTime : this.howl ? this.howl.seek(this.staticEventId) : -1;
+      return this.rctClient ? this.rctClient.currentTime : this.howl ? this.howl.seek(this.staticEventId) : this.domAudio ? this.domAudio.currentTime : -1;
     }
     set currentTime(t2) {
-      this.rctClient ? this.rctClient.currentTime = t2 : this.howl && this.howl.seek(t2, this.staticEventId);
+      this.rctClient ? this.rctClient.currentTime = t2 : this.howl ? this.howl.seek(t2, this.staticEventId) : this.domAudio && (this.domAudio.currentTime = t2);
     }
     get duration() {
-      return this.rctClient ? this.rctClient.duration : this.howl ? this.howl.duration(this.staticEventId) : 0;
+      return this.rctClient ? this.rctClient.duration : this.howl ? this.howl.duration(this.staticEventId) : this.domAudio ? this.domAudio.duration : 0;
     }
     get isPaused() {
-      return this.rctClient ? this.rctClient.isPaused : !!this.howl && !this.howl.playing(this.staticEventId);
+      return this.rctClient ? this.rctClient.isPaused : this.howl ? !this.howl.playing(this.staticEventId) : !!this.domAudio && this.domAudio.paused;
     }
     volume(t2) {
-      this.rctClient ? this.rctClient.volume(t2) : this.howl && this.howl.volume(t2);
+      this.rctClient ? this.rctClient.volume(t2) : this.howl ? this.howl.volume(t2) : this.domAudio && (this.domAudio.volume = t2);
     }
   }
   var p_ = function(t2, e2, i2, n2) {
@@ -31611,8 +31609,8 @@ void main(void){
       return this.controller.clippedDuration;
     }
     constructor(t2) {
-      var e2, i2, n2, r2, o2, s2, a2, l2;
-      super(), this.type = "video", this.sprite = new ep(), this.rtcAudio = null, this.pcmSource = null, this.isPlaying = false, this.isGlobalPause = false, this.fullscreen = false, this.url = "", this.isLoaded = false, this.onVideoResourceLoaded = () => {
+      var e2, i2, n2, r2, o2, s2, a2;
+      super(), this.type = "video", this.sprite = new ep(), this.rtcAudio = null, this.isPlaying = false, this.isGlobalPause = false, this.fullscreen = false, this.url = "", this.isLoaded = false, this.onVideoResourceLoaded = () => {
         this.isLoaded = true;
       }, this.onVideoStalled = () => {
         this.ctx.logger.warn(this.url + ", Failed to fetch data, but trying.", this.ctx.taskId);
@@ -31623,12 +31621,10 @@ void main(void){
         const { targetId: e3, state: i3, slideIndex: n3 } = t3;
         n3 === this.ctx.slideIndex && e3 === this.id && (i3 ? (this.requestFullscreen(), this.ctx.latestChangeFullscreenTargetId = e3) : this.requestCancelFullscreen());
       }, this.id = t2.id, this.start = null === (e2 = t2.video.cut) || void 0 === e2 ? void 0 : e2.start, this.end = null === (i2 = t2.video.cut) || void 0 === i2 ? void 0 : i2.end, this.fullscreen = null !== (n2 = t2.video.fullscreen) && void 0 !== n2 && n2, this.container = t2.container, this.ctx = t2.ctx, this.ctx.medias[this.id] = this;
-      const h2 = t2.video.src;
-      this.videoResource = new Vh.w(h2, { autoLoad: true, autoPlay: false, updateFPS: 30, crossorigin: true }), null === (r2 = this.videoElement) || void 0 === r2 || r2.addEventListener("stalled", this.onVideoStalled), null === (o2 = this.videoElement) || void 0 === o2 || o2.addEventListener("loadedmetadata", this.onVideoResourceLoaded), this.url = t2.video.src;
-      let u2 = t2.video.src.replace(/4$/, "3");
-      this.ctx.loaderDelegate && (u2 = this.ctx.loaderDelegate.redirectMedia(u2), this.ctx.logger.info(`redirect media url from ${t2.video.src.replace(/4$/, "3")} to ${u2} by delegate.`, t2.ctx.taskId)), window.__pcmProxy ? null === (s2 = this.videoElement) || void 0 === s2 || s2.addEventListener("playing", () => {
-        console.log("use pcm proxy"), this.pcmSource = window.__pcmProxy.connect(this.videoElement);
-      }, { once: true }) : (this.rtcAudio = new d_(u2, t2.ctx.runningAudio, { start: null === (a2 = t2.video.cut) || void 0 === a2 ? void 0 : a2.start, end: null === (l2 = t2.video.cut) || void 0 === l2 ? void 0 : l2.end }, { enableWebAudio: t2.ctx.enableWebAudio }), this.rtcAudio.on("timeupdate", (t3) => {
+      const l2 = t2.video.src;
+      this.videoResource = new Vh.w(l2, { autoLoad: true, autoPlay: false, updateFPS: 30, crossorigin: true }), null === (r2 = this.videoElement) || void 0 === r2 || r2.addEventListener("stalled", this.onVideoStalled), null === (o2 = this.videoElement) || void 0 === o2 || o2.addEventListener("loadedmetadata", this.onVideoResourceLoaded), this.url = t2.video.src;
+      let h2 = t2.video.src.replace(/4$/, "3");
+      this.ctx.loaderDelegate && (h2 = this.ctx.loaderDelegate.redirectMedia(h2), this.ctx.logger.info(`redirect media url from ${t2.video.src.replace(/4$/, "3")} to ${h2} by delegate.`, t2.ctx.taskId)), this.rtcAudio = new d_(h2, t2.ctx.runningAudio, { start: null === (s2 = t2.video.cut) || void 0 === s2 ? void 0 : s2.start, end: null === (a2 = t2.video.cut) || void 0 === a2 ? void 0 : a2.end }, { enableWebAudio: t2.ctx.enableWebAudio }), this.rtcAudio.on("timeupdate", (t3) => {
         if (this.videoElement) {
           const e3 = this.videoElement.currentTime;
           Math.abs(e3 - t3) > 0.5 && (this.videoElement.currentTime = t3);
@@ -31639,15 +31635,15 @@ void main(void){
           var t4, e3;
           (null === (t4 = this.rtcAudio) || void 0 === t4 ? void 0 : t4.isPaused) || null === (e3 = this.videoElement) || void 0 === e3 || e3.play();
         }, 200);
-      }));
-      const { video: c2, width: d2, height: p2, target: f2 } = t2;
-      this.controller = new u_({ targetId: t2.id, shapeId: t2.shapeId, ctx: t2.ctx, width: d2, height: p2, target: f2, media: this, info: c2, canvasElement: t2.canvasElement }), this.controller.addPlayCallBack(() => {
-        this.sprite.width = d2, this.sprite.height = p2, this.ctx.clock.setTimeout(() => {
+      });
+      const { video: u2, width: c2, height: d2, target: p2 } = t2;
+      this.controller = new u_({ targetId: t2.id, shapeId: t2.shapeId, ctx: t2.ctx, width: c2, height: d2, target: p2, media: this, info: u2, canvasElement: t2.canvasElement }), this.controller.addPlayCallBack(() => {
+        this.sprite.width = c2, this.sprite.height = d2, this.ctx.clock.setTimeout(() => {
           this.sprite.visible = true;
         }, 50);
       });
-      const m2 = new Vh.c(null, { height: p2, width: d2 });
-      m2.resource = this.videoResource, this.videoResource.bind(m2), this.sprite = new ep(), this.sprite.visible = false, this.sprite.texture = new Vh.t(m2), this.sprite.interactive = true, this.container.addChild(this.sprite), this.sprite.on("mouseover", (t3) => {
+      const f2 = new Vh.c(null, { height: d2, width: c2 });
+      f2.resource = this.videoResource, this.videoResource.bind(f2), this.sprite = new ep(), this.sprite.visible = false, this.sprite.texture = new Vh.t(f2), this.sprite.interactive = true, this.container.addChild(this.sprite), this.sprite.on("mouseover", (t3) => {
         t3.stopPropagation(), this.controller.show();
       }), this.sprite.on("mouseout", (t3) => {
         t3.stopPropagation(), this.controller.hide();
@@ -31716,8 +31712,8 @@ void main(void){
       this.ctx.globalEventHub.emit("requestCancelFullscreen", { targetId: this.id, index: this.ctx.slideIndex });
     }
     destroy() {
-      var t2, e2, i2, n2, r2;
-      this.ctx.volumeAdjuster.removeListener("update", this.updateVolume), this.ctx.globalEventHub.removeListener("syncFullscreenVideoState", this.syncFullscreenVideoState), null === (t2 = this.videoElement) || void 0 === t2 || t2.removeEventListener("stalled", this.onVideoStalled), null === (e2 = this.videoElement) || void 0 === e2 || e2.removeEventListener("loadedmetadata", this.onVideoResourceLoaded), this.sprite.interactive = false, this.sprite.destroy({ texture: true, baseTexture: true }), null === (i2 = this.videoResource) || void 0 === i2 || i2.destroy(), null === (n2 = this.rtcAudio) || void 0 === n2 || n2.destroy(), this.stop(), this.controller.destroy(), this.ctx.activeMedia.delete(this), null === (r2 = this.pcmSource) || void 0 === r2 || r2.disconnect();
+      var t2, e2, i2, n2;
+      this.ctx.volumeAdjuster.removeListener("update", this.updateVolume), this.ctx.globalEventHub.removeListener("syncFullscreenVideoState", this.syncFullscreenVideoState), null === (t2 = this.videoElement) || void 0 === t2 || t2.removeEventListener("stalled", this.onVideoStalled), null === (e2 = this.videoElement) || void 0 === e2 || e2.removeEventListener("loadedmetadata", this.onVideoResourceLoaded), this.sprite.interactive = false, this.sprite.destroy({ texture: true, baseTexture: true }), null === (i2 = this.videoResource) || void 0 === i2 || i2.destroy(), null === (n2 = this.rtcAudio) || void 0 === n2 || n2.destroy(), this.stop(), this.controller.destroy(), this.ctx.activeMedia.delete(this);
     }
     fadeIn(t2, e2) {
       var i2;
@@ -36216,7 +36212,7 @@ void main(void){
   }
   var vT = { syncDispatch: "syncDispatch", syncReceive: "syncReceive", syncEventLag: "syncEventLag", renderStart: "renderStart", renderEnd: "renderEnd", renderError: "renderError", slideChange: "slideChange", mainSeqStepStart: "mainSeqStepStart", mainSeqStepEnd: "mainSeqStepEnd", animateStart: "animateStart", animateEnd: "animateEnd", stateChange: "stateChange", slideStepEnd: "slideEnd", slideStepStart: "slideStart" }, _T = { taskId: "", url: "", currentSlideIndex: -1, mainSeqStep: -1, mainSeqState: null, mediaState: /* @__PURE__ */ Object.create(null), interactiveSeqState: /* @__PURE__ */ Object.create(null) }, yT = "";
   try {
-    yT = "1.4.31-alpha.0";
+    yT = "1.4.31-alpha.2";
   } catch (t2) {
     yT = "-dev-";
   }
@@ -39505,7 +39501,7 @@ class SlidePreviewer {
   }
 }
 const usePlugin = /* @__PURE__ */ Slide.Slide.usePlugin.bind(Slide.Slide);
-const version = "0.2.71-alpha.2";
+const version = "0.2.71-alpha.5";
 const SlideApp = {
   kind: "Slide",
   setup(context) {