@netless/app-slide 0.2.53-alpha.2 → 0.2.53-alpha.3

package/dist/main.es.js

@@ -31258,7 +31258,7 @@ void main(void){
         t3.stopPropagation(), this.hide();
       }, this.mediaTimeUpdate = () => o_(this, void 0, void 0, function* () {
         const t3 = this.media.currentTime - this.start;
-        if (this.duration > 0 && (Math.abs(t3 - this.duration) < 0.3 || t3 > this.duration) && (yield this.pauseMedia(), this.medianIsEnd = true, this.jumpToTime(), this.ctx.eventHub.emit(zy.mediaStop, { id: this.targetId }), this.onClickCancelFullScreenButtonHandle()), this.currentTime.innerText = l_.formatTime(t3), this.currentProgress.style.flex = (t3 / this.duration).toString(), this.bookmarkList && this.bookmarkList.length > 0) {
+        if (console.log("duration", this.duration, "current", t3), this.duration > 0 && (Math.abs(t3 - this.duration) < 0.3 || t3 > this.duration) && (yield this.onStopPlay(), this.onClickCancelFullScreenButtonHandle()), this.currentTime.innerText = l_.formatTime(t3), this.currentProgress.style.flex = (t3 / this.duration).toString(), this.bookmarkList && this.bookmarkList.length > 0) {
           const t4 = this.bookmarkList[this.pickBookmarkIndex];
           t4 && t4.time.toFixed(0) === this.media.currentTime.toFixed(0) && (this.ctx.timingEventHub.emit(`shape ${this.shapeId} onMediaBookmark ${t4.name}`), this.pickBookmarkIndex += 1);
         }
@@ -31360,6 +31360,11 @@ void main(void){
       const e2 = document.createElement("div");
       s_(e2, { background: "#D9D9D9", position: "relative", height: "10px", display: "flex" }), this.progress.appendChild(e2), s_(this.currentProgress, { background: "#4F4F4F", top: "0px", left: "0", height: "10px", flex: "0" }), e2.appendChild(this.currentProgress);
     }
+    onStopPlay() {
+      return o_(this, void 0, void 0, function* () {
+        yield this.pauseMedia(), this.media.localPause(), this.medianIsEnd = true, this.jumpToTime(), this.ctx.eventHub.emit(zy.mediaStop, { id: this.targetId }), this.onClickCancelFullScreenButtonHandle();
+      });
+    }
     fadeHit(t2) {
       if (!this.info.fade)
         return;
@@ -31614,13 +31619,29 @@ void main(void){
     pause() {
       return c_(this, void 0, void 0, function* () {
         return new Promise((t2) => {
-          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.on("pause", () => {
-            var e2;
-            (e2 = this.videoElement) === null || e2 === void 0 || e2.pause(), t2();
-          }), this.rtcAudio.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);
+          const e2 = new Promise(() => {
+            this.rtcAudio.once("pause", () => {
+              t2();
+            });
+          });
+          this.rtcAudio.pause();
+          const i2 = new Promise(() => {
+            setTimeout(() => {
+              t2();
+            }, 500);
+          });
+          return Promise.race([e2, i2]).then(() => {
+            var t3;
+            (t3 = this.videoElement) === null || t3 === void 0 || t3.pause();
+          });
         });
       });
     }
+    localPause() {
+      var t2;
+      (t2 = this.videoElement) === null || t2 === void 0 || t2.pause();
+    }
     globalPause() {
       this.isPlaying && (this.isGlobalPause = true, this.pause());
     }
@@ -31730,6 +31751,9 @@ void main(void){
         this.ctx.isPlayerPaused() ? this.ctx.logger.info("Audio player prevent pause event with paused state", this.ctx.taskId) : (this.isPlaying = false, this.audioPlayer.pause());
       });
     }
+    localPause() {
+      this.audioPlayer.pause();
+    }
     globalPause() {
       this.isPlaying && (this.isGlobalPause = true, this.pause());
     }
@@ -36014,7 +36038,7 @@ void main(void){
   }
   var fT = { 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" }, mT = { taskId: "", url: "", currentSlideIndex: -1, mainSeqStep: -1, mainSeqState: null, mediaState: /* @__PURE__ */ Object.create(null), interactiveSeqState: /* @__PURE__ */ Object.create(null) }, gT = "";
   try {
-    gT = "1.2.2-alpha.1";
+    gT = "1.2.2-alpha.4";
   } catch (t2) {
     gT = "dev -";
   }
@@ -39167,7 +39191,7 @@ class SlidePreviewer {
   }
 }
 const usePlugin = /* @__PURE__ */ Slide.Slide.usePlugin.bind(Slide.Slide);
-const version = "0.2.53-alpha.2";
+const version = "0.2.53-alpha.3";
 const SlideApp = {
   kind: "Slide",
   setup(context) {