@netless/app-slide 0.2.29 → 0.2.30-beta.1

package/dist/main.es.js

@@ -31160,7 +31160,7 @@ void main(void){
       }, this.playMediaFromCtrl = () => {
         this.ctx.isPlayerPaused() ? this.ctx.logger.info("Media controller prevent play event with paused state", this.ctx.taskId) : (this.ctx.mode !== "interactive" && this.playMedia(), this.ctx.mode !== "local" && this.ctx.eventHub.emit(ky.mediaPlay, { id: this.targetId, time: this.media.currentTime - this.start }));
       }, this.pauseMediaFromCtrl = () => {
-        this.ctx.isPlayerPaused() ? this.ctx.logger.info("Media controller prevent pause event with paused state", this.ctx.taskId) : (this.ctx.mode !== "interactive" && this.pauseMedia(), this.ctx.mode !== "local" && this.ctx.eventHub.emit(ky.mediaPause, { id: this.targetId, time: this.media.currentTime - this.start }));
+        this.ctx.isPlayerPaused() ? this.ctx.logger.info("Media controller prevent pause event with paused state", this.ctx.taskId) : (this.ctx.mode !== "interactive" && this.pauseMedia(), this.ctx.mode === "local" || this.ctx.isRendering || this.ctx.eventHub.emit(ky.mediaPause, { id: this.targetId, time: this.media.currentTime - this.start }));
       }, this.onClickFullScreenButtonHandle = () => {
         this.media.requestFullscreen(), this.ctx.eventHub.emit(ky.fullscreenChange, { targetId: this.targetId, state: true });
       }, this.onClickCancelFullScreenButtonHandle = () => {
@@ -31376,7 +31376,7 @@ void main(void){
   };
   class r_ extends Za.a {
     constructor(t2) {
-      var e2, i2, n2, r2, o2, s2, a2;
+      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 = () => {
         this.ctx.logger.warn(this.url + ", Failed to fetch data, but trying.", this.ctx.taskId);
       }, this.updateVolume = (t3) => {
@@ -31385,18 +31385,18 @@ void main(void){
         const { targetId: e3, state: i3, slideIndex: n3 } = t3;
         n3 === this.ctx.slideIndex && e3 === this.id && (i3 ? this.requestFullscreen() : 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 l2 = t2.video.src;
-      this.ctx.loaderDelegate && (l2 = this.ctx.loaderDelegate.redirectMedia(l2), this.ctx.logger.info(`redirect media url from ${t2.video.src} to ${l2} by delegate.`, t2.ctx.taskId)), this.videoResource = new Vh.w(l2, { 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 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 i_(h2, t2.ctx.runningAudio);
-      const { video: u2, width: c2, height: d2, target: p2 } = t2;
-      this.controller = new t_({ 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(() => {
+      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 i_(s2, t2.ctx.runningAudio);
+      const { video: a2, width: l2, height: h2, target: u2 } = t2;
+      this.controller = new t_({ 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(() => {
           this.sprite.visible = true;
         }, 50);
       });
-      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) => {
+      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) => {
         t3.stopPropagation(), this.controller.show();
       }), this.sprite.on("mouseout", (t3) => {
         t3.stopPropagation(), this.controller.hide();
@@ -31405,12 +31405,6 @@ void main(void){
         (e3 = this.videoElement) === null || e3 === void 0 || e3.addEventListener(t3, () => {
           t3 === "timeupdate" && this.isPlaying, this.emit(t3);
         });
-      }), (o2 = this.videoElement) === null || o2 === void 0 || o2.addEventListener("playing", () => {
-        this.rtcAudio.play();
-      }), (s2 = this.videoElement) === null || s2 === void 0 || s2.addEventListener("pause", () => {
-        console.log("video pause");
-      }), (a2 = this.videoElement) === null || a2 === void 0 || a2.addEventListener("stalled", () => {
-        console.log("video stalled");
       }), this.ctx.activeMedia.add(this), this.ctx.volumeAdjuster.on("update", this.updateVolume), this.ctx.globalEventHub.on("syncFullscreenVideoState", this.syncFullscreenVideoState);
     }
     get videoElement() {
@@ -33344,7 +33338,7 @@ void main(void){
     createCtx(t2) {
       const { task: e2 } = this.stageStates[t2];
       e2.addMTask(() => Py(this, void 0, void 0, function* () {
-        const e3 = new Gm(this.loader), i2 = new Za.a(), n2 = { taskId: this.taskId, mode: this.mode, renderer: this.renderer, graphicsTexture: new Km(), stageWidth: 0, stageHeight: 0, ticker: this.ticker, timingTargets: new $m(i2), eventHub: i2, view: this.view, medias: /* @__PURE__ */ Object.create(null), lastViewedIndex: 0, conflictTimeNodeManager: new Qm(), clock: this.clock, spriteTexture: e3, slideIndex: t2, objectPoolGroup: this.objPoolGroup, hasBackgroundFillShape: false, slideScopeEventHub: new Za.a(), logger: this.logger, sdfManager: this.sdfManager, loaderDelegate: this.loaderDelegate, runningAudio: this.runningAudio, activeMedia: this.activeMedia, isPlayerPaused: this.isPlayerPaused, timingEventHub: new Za.a(), maxResolution: this.maxResolution, animatedIds: /* @__PURE__ */ new Set(), volumeAdjuster: this.volumeAdjuster, forceCanvas: this.forceCanvas, globalEventHub: this.globalEventHub };
+        const e3 = new Gm(this.loader), i2 = new Za.a(), n2 = { taskId: this.taskId, mode: this.mode, renderer: this.renderer, graphicsTexture: new Km(), stageWidth: 0, stageHeight: 0, ticker: this.ticker, timingTargets: new $m(i2), eventHub: i2, view: this.view, medias: /* @__PURE__ */ Object.create(null), lastViewedIndex: 0, conflictTimeNodeManager: new Qm(), clock: this.clock, spriteTexture: e3, slideIndex: t2, objectPoolGroup: this.objPoolGroup, hasBackgroundFillShape: false, slideScopeEventHub: new Za.a(), logger: this.logger, sdfManager: this.sdfManager, loaderDelegate: this.loaderDelegate, runningAudio: this.runningAudio, activeMedia: this.activeMedia, isPlayerPaused: this.isPlayerPaused, timingEventHub: new Za.a(), maxResolution: this.maxResolution, animatedIds: /* @__PURE__ */ new Set(), volumeAdjuster: this.volumeAdjuster, forceCanvas: this.forceCanvas, globalEventHub: this.globalEventHub, isRendering: false };
         this.stageCtxs[t2] = n2;
       }), "@StagePool[createCtx]");
     }
@@ -33688,7 +33682,7 @@ void main(void){
         const r2 = yield this.stagePool.getStage(t2), o2 = `snapshot-${t2}-${this.isForward ? "start" : "end"}`, s2 = yield this.localStorage.getItem(o2);
         if (!r2)
           return;
-        this.translateEvent(r2.ctx.eventHub, [ky.mainSeqStepChange, ky.mainSeqStateChange, ky.hyperlinkTrigger, ky.interactiveSeqAction, ky.mainSeqStepStart, ky.mainSeqStepEnd, ky.animateStart, ky.animateEnd, ky.mediaPlay, ky.mediaPause, ky.mediaSeek, ky.mediaStop, ky.requestGotoSlide, ky.requestNextSlide, ky.requestPrevSlide, ky.interactiveSeqStateChange, ky.userInput, ky.fullscreenChange]), this.currentIndex = Number(t2);
+        r2.ctx.isRendering = true, this.translateEvent(r2.ctx.eventHub, [ky.mainSeqStepChange, ky.mainSeqStateChange, ky.hyperlinkTrigger, ky.interactiveSeqAction, ky.mainSeqStepStart, ky.mainSeqStepEnd, ky.animateStart, ky.animateEnd, ky.mediaPlay, ky.mediaPause, ky.mediaSeek, ky.mediaStop, ky.requestGotoSlide, ky.requestNextSlide, ky.requestPrevSlide, ky.interactiveSeqStateChange, ky.userInput, ky.fullscreenChange]), this.currentIndex = Number(t2);
         const { width: a2, height: l2, slideCount: h2 } = r2.json;
         this.slideCount = h2, this.designWidth = a2, this.designHeight = l2, (e2 = this.currentStage) === null || e2 === void 0 || e2.clearOnSlideChange();
         const u2 = this.currentStage;
@@ -33711,7 +33705,7 @@ void main(void){
             }
           (n2 = this.transactionPlayer) === null || n2 === void 0 || n2.dispose();
         }
-        this.isForward ? yield r2.startTiming() : r2.setMainSeqApplied(), r2.ctx.slideScopeEventHub.emit("slide-render", r2.ctx.slideIndex), this.emit(ky.renderEnd, t2), this.emit(ky.slideChange, t2), this.preload(t2 + 1).catch((e3) => {
+        this.isForward ? yield r2.startTiming() : r2.setMainSeqApplied(), r2.ctx.slideScopeEventHub.emit("slide-render", r2.ctx.slideIndex), this.emit(ky.renderEnd, t2), this.emit(ky.slideChange, t2), r2.ctx.isRendering = false, this.preload(t2 + 1).catch((e3) => {
           this.errorChannel.emit("error", Tm.transform(e3), t2 + 1);
         }), this.preload(t2 - 1).catch((e3) => {
           this.errorChannel.emit("error", Tm.transform(e3), t2 - 1);
@@ -35626,9 +35620,9 @@ void main(void){
   }
   var aT = { 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" }, lT = { taskId: "", url: "", currentSlideIndex: -1, mainSeqStep: -1, mainSeqState: null, mediaState: /* @__PURE__ */ Object.create(null), interactiveSeqState: /* @__PURE__ */ Object.create(null) }, hT = "";
   try {
-    hT = "0.10.1-beta";
+    hT = "0.10.1";
   } catch (t2) {
-    hT = "-dev";
+    hT = "dev";
   }
   var uT = null;
   try {
@@ -38691,7 +38685,7 @@ class SlidePreviewer {
   }
 }
 const usePlugin = /* @__PURE__ */ Slide.Slide.usePlugin.bind(Slide.Slide);
-const version = "0.2.29";
+const version = "0.2.30-beta.1";
 const SlideApp = {
   kind: "Slide",
   setup(context) {