@netless/app-slide 0.2.19 → 0.2.21

package/dist/main.es.js

@@ -30840,7 +30840,7 @@ void main(void){
         t3.stopPropagation(), this.mediaController.style.display = "none";
       }, this.mediaTimeUpdate = () => Fv(this, void 0, void 0, function* () {
         const t3 = this.media.currentTime - this.start;
-        if (this.duration > 0 && (t3 > this.duration || this.media.ended) && (yield this.pauseMedia(), this.medianIsEnd = true, this.ctx.eventHub.emit(by.mediaStop, { id: this.targetId })), this.currentTime.innerText = Uv.formatTime(t3), this.currentProgress.style.flex = (t3 / this.duration).toString(), !this.bookmarkList || this.bookmarkList.length === 0)
+        if (this.duration > 0 && (t3 > this.duration || this.media.ended) && (yield this.pauseMedia(), this.medianIsEnd = true, this.jumpToTime(), this.ctx.eventHub.emit(by.mediaStop, { id: this.targetId })), this.currentTime.innerText = Uv.formatTime(t3), this.currentProgress.style.flex = (t3 / this.duration).toString(), !this.bookmarkList || this.bookmarkList.length === 0)
           return;
         const e3 = this.bookmarkList[this.pickBookmarkIndex];
         e3 && e3.time.toFixed(0) === this.media.currentTime.toFixed(0) && (this.ctx.timingEventHub.emit(`shape ${this.shapeId} onMediaBookmark ${e3.name}`), this.pickBookmarkIndex += 1);
@@ -30956,8 +30956,10 @@ void main(void){
   var kv = i(115);
   class Gv extends Ja.a {
     constructor(t2, e2) {
-      super(), this.isGlobalPause = false, this.lastTime = -1, this.howl = null, this.rctClient = null, this.isHowlEnd = false, this.url = t2, this.runningAudio = e2, Ty.RtcAudioClazz ? (this.rctClient = new Ty.RtcAudioClazz(t2), this.rctClient.on("load", () => this.emit("load")), this.rctClient.on("pause", () => this.emit("pause")), this.rctClient.on("play", () => this.emit("play"))) : (this.howl = new kv.Howl({ src: [t2] }), this.howl.on("load", () => this.emit("load")), this.howl.on("pause", () => this.emit("pause")), this.howl.on("play", () => {
-        this.isHowlEnd = false, this.emit("play");
+      super(), this.isGlobalPause = false, this.lastTime = -1, this.howl = null, this.rctClient = null, this.isHowlEnd = false, this.isHowlLoadEmit = false, this.url = t2, this.runningAudio = e2, Ty.RtcAudioClazz ? (this.rctClient = new Ty.RtcAudioClazz(t2), this.rctClient.on("load", () => this.emit("load")), this.rctClient.on("pause", () => this.emit("pause")), this.rctClient.on("play", () => this.emit("play"))) : (this.howl = new kv.Howl({ src: [t2] }), 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.emit("play");
       }), this.howl.on("end", () => {
         this.isHowlEnd = true;
       }));
@@ -31091,7 +31093,7 @@ void main(void){
           return !!(t3 && t3.videoWidth > 0);
         }, 3e3);
         const e2 = this.videoResource.source;
-        e2 && e2.videoWidth <= 0 || (Ty.RtcAudioClazz ? (this.videoResource.source.volume = 0, this.rtcAudio.once("play", () => {
+        e2 && e2.videoWidth <= 0 || (Ty.RtcAudioClazz ? (this.videoResource.source.volume = 0, this.videoResource.source.muted = true, this.rtcAudio.once("play", () => {
           var t3;
           (t3 = this.videoResource.source) === null || t3 === void 0 || t3.play();
         }), this.rtcAudio.play()) : yield (t2 = this.videoResource.source) === null || t2 === void 0 ? void 0 : t2.play());
@@ -31158,7 +31160,7 @@ void main(void){
         this.audioPlayer.volume(t3);
       }, this.id = t2.id;
       let e2 = t2.audio.src;
-      t2.ctx.loaderDelegate && (e2 = t2.ctx.loaderDelegate.redirectMedia(e2), t2.ctx.logger.info(`redirect media url from ${t2.audio.src} to ${e2} by delegate.`, t2.ctx.taskId)), this.audioPlayer = new Gv(e2, t2.ctx.runningAudio), t2.audio.cut && (this.start = t2.audio.cut.start, this.end = t2.audio.cut.end), this.ctx = t2.ctx, this.ctx.medias[this.id] = this;
+      /mp4$/.test(e2) && (e2 = e2.replace(/mp4$/, "mp3")), t2.ctx.loaderDelegate && (e2 = t2.ctx.loaderDelegate.redirectMedia(e2), t2.ctx.logger.info(`redirect media url from ${t2.audio.src} to ${e2} by delegate.`, t2.ctx.taskId)), this.audioPlayer = new Gv(e2, t2.ctx.runningAudio), t2.audio.cut && (this.start = t2.audio.cut.start, this.end = t2.audio.cut.end), this.ctx = t2.ctx, this.ctx.medias[this.id] = this;
       const { width: i2, height: n2, target: r2 } = t2;
       this.controller = new Uv({ targetId: t2.id, shapeId: t2.shapeId, ctx: t2.ctx, height: n2, width: i2, target: r2, media: this, info: t2.audio, canvasElement: t2.canvasElement }), this.audioPlayer.on("load", () => this.emit("durationchange")), this.audioPlayer.on("timeupdate", () => this.emit("timeupdate")), this.audioPlayer.on("pause", () => this.emit("pause")), this.audioPlayer.on("play", () => this.emit("play")), this.ctx.activeMedia.add(this), this.ctx.volumeAdjuster.on("update", this.updateVolume);
     }
@@ -33189,7 +33191,7 @@ void main(void){
         this.runtime.drawCall = this.drawCall, this.runtime.fps = Math.floor(this.app.ticker.minFPS), this.drawCall = 0;
       }, null, Rh.c.LOW), this.clock = new Mm(this.app.ticker), this.objPoolGroup = ym(), this.stagePool = new my(this.loader, this.mode, this.app.renderer, this.app.ticker, this.app.view, this.clock, this.objPoolGroup, this.errorChannel, this.localStorage, this.logger, t2.loadDelegate, this.isPlayerPaused, this.maxResolution, this.volumeAdjuster, this.config.forceCanvas), this.app.view.addEventListener("webglcontextlost", this.onWebGLLost);
       try {
-        this.transactionPlayer = new Eh();
+        this.config.forceCanvas || (this.transactionPlayer = new Eh());
       } catch (t3) {
         /Error creating WebGL context/.test(t3.message) ? this.errorChannel.emit("error", new fm(lm.CanvasCrash, "webgl context lost.")) : this.errorChannel.emit("error", new fm(lm.RuntimeWarn, t3.message));
       }
@@ -35174,9 +35176,9 @@ void main(void){
   }
   var Vb = { 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" }, Xb = { taskId: "", url: "", currentSlideIndex: -1, mainSeqStep: -1, mainSeqState: null, mediaState: /* @__PURE__ */ Object.create(null), interactiveSeqState: /* @__PURE__ */ Object.create(null) }, Wb = "";
   try {
-    Wb = "0.7.8-legacy-beta";
+    Wb = "0.8.1";
   } catch (t2) {
-    Wb = "dev--legacy";
+    Wb = "dev";
   }
   var Yb = null;
   try {
@@ -35353,7 +35355,7 @@ void main(void){
         r2.__slideState.mediaState[t4.id] = e4, r2.emitSyncDispatch({ slideIndex: r2.__slideState.currentSlideIndex, type: "mediaPause", id: t4.id, state: e4 }), r2.emitStateChange();
       }), o2.on(by.mediaSeek, function(t4) {
         var e4 = { type: "pause", time: 0 };
-        t4.isPlaying ? (e4.type = "play", r2.__slideState.mediaState[t4.id] ? e4.time = r2.__slideState.mediaState[t4.id].time - 1e3 * t4.time : e4.time = r2.timestamp() - 1e3 * t4.time, r2.__slideState.mediaState[t4.id] = e4) : (e4.type = "pause", e4.time = t4.time, r2.__slideState.mediaState[t4.id] = e4), r2.emitSyncDispatch({ slideIndex: r2.__slideState.currentSlideIndex, type: "mediaSeek", id: t4.id, time: t4.time, state: e4 }), r2.emitStateChange();
+        t4.isPlaying ? (e4.type = "play", e4.time = r2.timestamp() - 1e3 * t4.time, r2.__slideState.mediaState[t4.id] = e4) : (e4.type = "pause", e4.time = t4.time, r2.__slideState.mediaState[t4.id] = e4), r2.emitSyncDispatch({ slideIndex: r2.__slideState.currentSlideIndex, type: "mediaSeek", id: t4.id, time: t4.time, state: e4 }), r2.emitStateChange();
       }), o2.on(by.requestPrevSlide, function(t4) {
         r2.handlePrevSlide(t4);
       }), o2.on(by.requestNextSlide, function(t4) {
@@ -38064,7 +38066,7 @@ class SlidePreviewer {
   }
 }
 const usePlugin = /* @__PURE__ */ Slide.Slide.usePlugin.bind(Slide.Slide);
-const version = "0.2.19";
+const version = "0.2.21";
 const SlideApp = {
   kind: "Slide",
   setup(context) {