@netless/app-slide 0.2.31 → 0.2.32-beta.2

package/dist/main.es.js

@@ -28773,7 +28773,7 @@ void main() {
   function Um(t2, e2, i2) {
     return i2 ? Math.floor(parseFloat(t2) * e2) : Math.ceil(parseFloat(t2) * e2);
   }
-  const km = { w: true, h: true, x: true, y: true };
+  const km = { w: false, h: false, x: true, y: true };
   class Gm {
     constructor(t2) {
       this.gifs = /* @__PURE__ */ Object.create(null), this.textures = /* @__PURE__ */ Object.create(null), this.frames = /* @__PURE__ */ Object.create(null), this.spriteSheets = [], this.loader = t2;
@@ -31430,27 +31430,29 @@ void main(void){
   };
   class c_ extends Za.a {
     constructor(t2) {
-      var e2, i2, n2, r2;
-      super(), this.type = "video", this.sprite = new ep(), this.isPlaying = false, this.isGlobalPause = false, this.fullscreen = false, this.url = "", this.onVideoStalled = () => {
+      var e2, i2, n2, r2, o2;
+      super(), this.type = "video", this.sprite = new ep(), 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);
       }, this.updateVolume = (t3) => {
-        Hy.RtcAudioClazz ? this.rtcAudio.volume(t3) : this.videoElement && (this.videoElement.volume = t3);
+        this.rtcAudio.volume(t3);
       }, this.syncFullscreenVideoState = (t3) => {
         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 = (e2 = t2.video.cut) === null || e2 === void 0 ? void 0 : e2.start, this.end = (i2 = t2.video.cut) === null || i2 === void 0 ? void 0 : i2.end, this.fullscreen = (n2 = t2.video.fullscreen) !== null && n2 !== void 0 && n2, this.container = t2.container, this.ctx = t2.ctx, this.ctx.medias[this.id] = this;
-      let o2 = t2.video.src;
-      this.ctx.loaderDelegate && (o2 = this.ctx.loaderDelegate.redirectMedia(o2), this.ctx.logger.info(`redirect media url from ${t2.video.src} to ${o2} by delegate.`, t2.ctx.taskId)), this.videoResource = new Vh.w(o2, { autoLoad: true, autoPlay: false, updateFPS: 30, crossorigin: true }), (r2 = this.videoElement) === null || r2 === void 0 || r2.addEventListener("stalled", this.onVideoStalled), this.url = t2.video.src;
-      let s2 = t2.video.src.replace(/4$/, "3");
-      this.ctx.loaderDelegate && (s2 = this.ctx.loaderDelegate.redirectMedia(s2), this.ctx.logger.info(`redirect media url from ${t2.video.src.replace(/4$/, "3")} to ${s2} by delegate.`, t2.ctx.taskId)), this.rtcAudio = new h_(s2, t2.ctx.runningAudio);
-      const { video: a2, width: l2, height: h2, target: u2 } = t2;
-      this.controller = new a_({ targetId: t2.id, shapeId: t2.shapeId, ctx: t2.ctx, width: l2, height: h2, target: u2, media: this, info: a2, canvasElement: t2.canvasElement }), this.controller.addPlayCallBack(() => {
-        this.sprite.width = l2, this.sprite.height = h2, this.ctx.clock.setTimeout(() => {
+      let s2 = t2.video.src;
+      this.ctx.loaderDelegate && (s2 = this.ctx.loaderDelegate.redirectMedia(s2), this.ctx.logger.info(`redirect media url from ${t2.video.src} to ${s2} by delegate.`, t2.ctx.taskId)), this.videoResource = new Vh.w(s2, { autoLoad: true, autoPlay: false, updateFPS: 30, crossorigin: true }), (r2 = this.videoElement) === null || r2 === void 0 || r2.addEventListener("stalled", this.onVideoStalled), (o2 = this.videoElement) === null || o2 === void 0 || o2.addEventListener("loadedmetadata", this.onVideoResourceLoaded), this.url = t2.video.src;
+      let a2 = t2.video.src.replace(/4$/, "3");
+      this.ctx.loaderDelegate && (a2 = this.ctx.loaderDelegate.redirectMedia(a2), this.ctx.logger.info(`redirect media url from ${t2.video.src.replace(/4$/, "3")} to ${a2} by delegate.`, t2.ctx.taskId)), this.rtcAudio = new h_(a2, t2.ctx.runningAudio);
+      const { video: l2, width: h2, height: u2, target: c2 } = t2;
+      this.controller = new a_({ targetId: t2.id, shapeId: t2.shapeId, ctx: t2.ctx, width: h2, height: u2, target: c2, media: this, info: l2, canvasElement: t2.canvasElement }), this.controller.addPlayCallBack(() => {
+        this.sprite.width = h2, this.sprite.height = u2, this.ctx.clock.setTimeout(() => {
           this.sprite.visible = true;
         }, 50);
       });
-      const c2 = new Vh.c(null, { height: h2, width: l2 });
-      c2.resource = this.videoResource, this.videoResource.bind(c2), this.sprite = new ep(), this.sprite.visible = false, this.sprite.texture = new Vh.t(c2), this.sprite.interactive = true, this.container.addChild(this.sprite), this.sprite.on("mouseover", (t3) => {
+      const d2 = new Vh.c(null, { height: u2, width: h2 });
+      d2.resource = this.videoResource, this.videoResource.bind(d2), this.sprite = new ep(), this.sprite.visible = false, this.sprite.texture = new Vh.t(d2), 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();
@@ -31469,7 +31471,7 @@ void main(void){
       return (e2 = (t2 = this.videoElement) === null || t2 === void 0 ? void 0 : t2.currentTime) !== null && e2 !== void 0 ? e2 : 0;
     }
     set currentTime(t2) {
-      Hy.RtcAudioClazz && (this.rtcAudio.currentTime = t2), this.videoElement && (this.videoElement.currentTime = t2);
+      this.rtcAudio.currentTime = t2, this.videoElement && (this.videoElement.currentTime = t2);
     }
     get paused() {
       var t2, e2;
@@ -31493,28 +31495,26 @@ void main(void){
       this.controller.hide();
     }
     play() {
-      var t2;
       return u_(this, void 0, void 0, function* () {
         this.isPlaying = true, this.updateVolume(this.ctx.volumeAdjuster.volume), yield this.load(), yield this.ctx.clock.waitUntil(() => {
           const t3 = this.videoElement;
           return !!(t3 && t3.videoWidth > 0);
         }, 3e3);
-        const e2 = this.videoElement;
-        e2 && e2.videoWidth <= 0 || (Hy.RtcAudioClazz ? (this.videoElement && (this.videoElement.volume = 0, this.videoElement.muted = true), this.rtcAudio.once("play", () => {
+        const t2 = this.videoElement;
+        t2 && t2.videoWidth <= 0 || (this.videoElement && (this.videoElement.volume = 0, this.videoElement.muted = true), this.rtcAudio.once("play", () => {
           var t3;
           (t3 = this.videoElement) === null || t3 === void 0 || t3.play(), this.fullscreen && this.controller.fullscreenPlay();
-        }), this.rtcAudio.play()) : (yield (t2 = this.videoElement) === null || t2 === void 0 ? void 0 : t2.play(), this.fullscreen && this.controller.fullscreenPlay()));
+        }), this.rtcAudio.play());
       });
     }
     load() {
       return this.videoResource.load();
     }
     pause() {
-      var t2;
-      this.isPlaying = false, this.ctx.logger.warn(this.url + ", pause video manual.", this.ctx.taskId), Hy.RtcAudioClazz ? (this.ctx.logger.warn(this.url + ", pause rtc audio manual.", this.ctx.taskId), this.rtcAudio.once("pause", () => {
-        var t3;
-        (t3 = this.videoElement) === null || t3 === void 0 || t3.pause();
-      }), this.rtcAudio.pause()) : (t2 = this.videoElement) === null || t2 === void 0 || t2.pause();
+      this.isPlaying = false, this.ctx.logger.warn(this.url + ", pause video manual.", this.ctx.taskId), this.ctx.logger.warn(this.url + ", pause rtc audio manual.", this.ctx.taskId), this.rtcAudio.once("pause", () => {
+        var t2;
+        (t2 = this.videoElement) === null || t2 === void 0 || t2.pause();
+      }), this.rtcAudio.pause();
     }
     globalPause() {
       this.isPlaying && (this.isGlobalPause = true, this.pause());
@@ -31532,15 +31532,18 @@ void main(void){
       this.seek(0), this.pause(), this.ctx.eventHub.emit(Gy.mediaStop);
     }
     requestFullscreen() {
-      const t2 = new Vh.t(this.sprite.texture.baseTexture);
-      this.ctx.globalEventHub.emit("requestFullscreen", { texture: t2, index: this.ctx.slideIndex, targetId: this.id });
+      return u_(this, void 0, void 0, function* () {
+        yield Pm(() => this.isLoaded, 5e3);
+        const t2 = new Vh.t(this.sprite.texture.baseTexture);
+        this.ctx.globalEventHub.emit("requestFullscreen", { texture: t2, index: this.ctx.slideIndex, targetId: this.id });
+      });
     }
     requestCancelFullscreen() {
       this.ctx.globalEventHub.emit("requestCancelFullscreen", { targetId: this.id, index: this.ctx.slideIndex });
     }
     destroy() {
-      var t2;
-      this.ctx.volumeAdjuster.removeListener("update", this.updateVolume), this.ctx.globalEventHub.removeListener("syncFullscreenVideoState", this.syncFullscreenVideoState), this.sprite.interactive = false, this.sprite.destroy({ texture: true, baseTexture: true }), (t2 = this.videoResource) === null || t2 === void 0 || t2.destroy(), this.rtcAudio.destroy(), this.stop(), this.controller.destroy(), this.ctx.activeMedia.delete(this);
+      var t2, e2, i2;
+      this.ctx.volumeAdjuster.removeListener("update", this.updateVolume), this.ctx.globalEventHub.removeListener("syncFullscreenVideoState", this.syncFullscreenVideoState), (t2 = this.videoElement) === null || t2 === void 0 || t2.removeEventListener("stalled", this.onVideoStalled), (e2 = this.videoElement) === null || e2 === void 0 || e2.removeEventListener("loadedmetadata", this.onVideoResourceLoaded), this.sprite.interactive = false, this.sprite.destroy({ texture: true, baseTexture: true }), (i2 = this.videoResource) === null || i2 === void 0 || i2.destroy(), this.rtcAudio.destroy(), this.stop(), this.controller.destroy(), this.ctx.activeMedia.delete(this);
     }
   }
   var d_ = function(t2, e2, i2, n2) {
@@ -35685,9 +35688,9 @@ void main(void){
   }
   var lT = { 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" }, hT = { taskId: "", url: "", currentSlideIndex: -1, mainSeqStep: -1, mainSeqState: null, mediaState: /* @__PURE__ */ Object.create(null), interactiveSeqState: /* @__PURE__ */ Object.create(null) }, uT = "";
   try {
-    uT = "0.10.3-beta.4";
+    uT = "0.11.0-beta.1";
   } catch (t2) {
-    uT = "dev";
+    uT = "dev-";
   }
   var cT = null;
   try {
@@ -35703,7 +35706,9 @@ void main(void){
         return n3.frameResizeHandler();
       }), n3.timestamp = function() {
         return Date.now();
-      }, n3.mode = "local", n3.enableGlobalClick = false, n3.lastEmitedState = null, n3.playerController = null, n3.isInitResized = false, n3.cacheImage = document.createElement("img"), n3.isTouchStart = false, n3.touchStartId = void 0, n3.taskId = "", n3.volumeAdjuster = new By(), n3.designWidth = 0, n3.designHeight = 0, n3._slideCount = 0, n3._dispatchIncrId = 0, n3._receiveIncrId = 0, n3.recoverHandler = function(t3) {
+      }, n3.mode = "local", n3.enableGlobalClick = false, n3.lastEmitedState = null, n3.playerController = null, n3.isInitResized = false, n3.cacheImage = document.createElement("img"), n3.isTouchStart = false, n3.touchStartId = void 0, n3.taskId = "", n3.volumeAdjuster = new By(), n3.designWidth = 0, n3.designHeight = 0, n3._slideCount = 0, n3._dispatchIncrId = 0, n3._receiveIncrId = 0, n3._updateVolumeByStaticAdjuster = function(t3) {
+        n3.volumeAdjuster.volume = t3;
+      }, n3.recoverHandler = function(t3) {
         if (t3.data.type === "@slide/_recover_" && t3.data.slideId === n3.randomId) {
           var e3 = t3.data, i4 = e3.recoverBy, r2 = e3.payload;
           if (!r2)
@@ -35798,7 +35803,7 @@ void main(void){
       }), window.addEventListener("__slide_ref__", n3.handleSlideRef), n3.resizeView = Yy()(n3.resizeView.bind(n3), 50), n3.player = n3.initPlayer(n3.config), n3.config.controller && n3.createController(), n3.player.view && n3.canvasContainer.appendChild(n3.player.view), n3.handleViewClick = Yy()(n3.handleViewClick, 300), n3.player.errorChannel.on("error", function(t3, e3) {
         var i4 = Tm.transform(t3);
         i4.errorType === gm.RuntimeWarn ? n3.logger.warn(i4.message, n3.taskId) : n3.logger.error(i4.message, n3.taskId), n3.isLoading = false, e3 === n3.renderingIndex && n3.reportError(t3, e3);
-      }), window.addEventListener("message", n3.recoverHandler), n3;
+      }), window.addEventListener("message", n3.recoverHandler), e2.volumeAdjuster.on("update", n3._updateVolumeByStaticAdjuster), n3;
     }
     var i2, n2;
     return tT(e2, t2), e2.flushLog = function(t3) {
@@ -36228,6 +36233,7 @@ void main(void){
         ((r2 = this.player) === null || r2 === void 0 ? void 0 : r2.view) && this.anchor.removeChild(this.player.view), this.anchor.removeChild(this.frame);
       } catch (t4) {
       }
+      e2.volumeAdjuster.off("update", this._updateVolumeByStaticAdjuster);
     }, e2.prototype.waitLoadEnd = function() {
       return nT(this, void 0, void 0, function() {
         var t3;
@@ -36294,7 +36300,7 @@ void main(void){
         var e3 = jy.get(t4.hookPoint) || [];
         e3.push(t4), jy.set(t4.hookPoint, e3);
       }(t3);
-    }, e2.handleFrozenAllSlide = function() {
+    }, e2.volumeAdjuster = new By(), e2.handleFrozenAllSlide = function() {
       e2.instances.forEach(function(t3) {
         t3.player && (e2._tempFrozenIds.push(t3.randomId), t3.frozen());
       });
@@ -36410,6 +36416,17 @@ void main(void){
     t2.data.type === "@slide/_request_frozen_" && dT.handleFrozenAllSlide();
   }), window.addEventListener("message", function(t2) {
     t2.data.type === "@slide/_request_release_" && dT.handleReleaseAllSlide();
+  }), window.addEventListener("message", function(t2) {
+    if (t2.data.type === "@slide/_update_volume_") {
+      var e2 = 0.5;
+      try {
+        e2 = parseFloat(t2.data.volume.toString());
+      } catch (t3) {
+      }
+      dT.volumeAdjuster.volume = e2;
+    }
+  }), window.addEventListener("message", function(t2) {
+    t2.data.type === "@slide/_get_volume_" && window.postMessage({ type: "@slide/_report_volume_", volume: dT.volumeAdjuster.volume, customMessage: "@slide/_report_volume_" }, "*");
   }), window.setInterval(function() {
     dT.flushLog().catch(function() {
     });
@@ -38755,7 +38772,7 @@ class SlidePreviewer {
   }
 }
 const usePlugin = /* @__PURE__ */ Slide.Slide.usePlugin.bind(Slide.Slide);
-const version = "0.2.31";
+const version = "0.2.32-beta.2";
 const SlideApp = {
   kind: "Slide",
   setup(context) {