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

package/dist/main.es.js

@@ -30411,7 +30411,6 @@ void main() {
     constructor(t2, e2) {
       var i2;
       super(void 0, (i2 = rv[t2], `
-
 varying vec2 vTextureCoord;
 
 uniform float arg;
@@ -30433,7 +30432,6 @@ void main(void){
     constructor(t2, e2, i2) {
       var n2;
       super(void 0, (n2 = av[t2], `
-
 varying vec2 vTextureCoord;
 
 uniform vec4 arg1;
@@ -30451,12 +30449,11 @@ void main(void){
 `), { arg1: Float32Array.from(e2), arg2: Float32Array.from(i2) });
     }
   }
-  const hv = [iv], uv = { lum: "\nvec4 transform(vec4 texColor, float arg1, float arg2) {\n    vec3 rgb = texColor.rgb / texColor.a;\n\n    // \u5BF9\u6BD4\u5EA6\n    float C = arg2 * 255.0;\n    float F = (259.0 * (255.0 + C)) / (255.0 * (259.0 - C));\n    rgb.rgb = F * (rgb.rgb - 0.5) + 0.5;\n\n    // \u4EAE\u5EA6\n    rgb.rgb += arg1;\n\n    rgb.rgb *= texColor.a;\n    return vec4(rgb, texColor.a);\n}\n" };
+  const hv = [iv], uv = { lum: "\nvec4 transform(vec4 texColor, float arg1, float arg2) {\n    vec3 rgb = texColor.rgb / texColor.a;\n\n    // \u5BF9\u6BD4\u5EA6\n    highp float C = arg2 * 255.0;\n    highp float F = (259.0 * (255.0 + C)) / (255.0 * (259.0 - C));\n    rgb.rgb = F * (rgb.rgb - 0.5) + 0.5;\n\n    // \u4EAE\u5EA6\n    rgb.rgb += arg1;\n\n    rgb.rgb *= texColor.a;\n    return vec4(rgb, texColor.a);\n}\n" };
   class cv extends Wh.u {
     constructor(t2, e2, i2) {
       var n2;
       super(void 0, (n2 = uv[t2], `
-
 varying vec2 vTextureCoord;
 
 uniform float arg1;
@@ -30479,7 +30476,6 @@ void main(void){
     constructor(t2, e2) {
       var i2;
       super(void 0, (i2 = pv[t2], `
-
 varying vec2 vTextureCoord;
 
 uniform vec4 arg1;
@@ -31900,54 +31896,64 @@ void main(void){
   };
   class d_ extends Ja.a {
     constructor(t2) {
-      var e2, i2, n2;
+      var e2, i2, n2, r2, o2, s2, a2;
       super(), this.type = "video", this.sprite = new op(), 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) => {
-        qy.RtcAudioClazz ? this.rtcAudio.volume(t3) : this.videoResource.source && (this.videoResource.source.volume = t3);
+        qy.RtcAudioClazz ? this.rtcAudio.volume(t3) : this.videoElement && (this.videoElement.volume = t3);
       }, this.syncFullscreenVideoState = (t3) => {
         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 r2 = t2.video.src;
-      this.ctx.loaderDelegate && (r2 = this.ctx.loaderDelegate.redirectMedia(r2), this.ctx.logger.info(`redirect media url from ${t2.video.src} to ${r2} by delegate.`, t2.ctx.taskId)), this.videoResource = new Wh.jb(r2, { autoLoad: true, autoPlay: false, updateFPS: 30, crossorigin: true }), this.videoResource.source.addEventListener("stalled", this.onVideoStalled), this.url = t2.video.src;
-      let o2 = t2.video.src.replace(/4$/, "3");
-      this.ctx.loaderDelegate && (o2 = this.ctx.loaderDelegate.redirectMedia(o2), this.ctx.logger.info(`redirect media url from ${t2.video.src.replace(/4$/, "3")} to ${o2} by delegate.`, t2.ctx.taskId)), this.rtcAudio = new u_(o2, t2.ctx.runningAudio);
-      const { video: s2, width: a2, height: l2, target: h2 } = t2;
-      this.controller = new l_({ targetId: t2.id, shapeId: t2.shapeId, ctx: t2.ctx, width: a2, height: l2, target: h2, media: this, info: s2, canvasElement: t2.canvasElement }), this.controller.addPlayCallBack(() => {
-        this.sprite.width = a2, this.sprite.height = l2, this.ctx.clock.setTimeout(() => {
+      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 Wh.jb(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 u_(h2, t2.ctx.runningAudio);
+      const { video: u2, width: c2, height: d2, target: p2 } = t2;
+      this.controller = new l_({ 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 u2 = new Wh.h(null, { height: l2, width: a2 });
-      u2.resource = this.videoResource, this.videoResource.bind(u2), this.sprite = new op(), this.sprite.visible = false, this.sprite.texture = new Wh.db(u2), this.sprite.interactive = true, this.container.addChild(this.sprite), this.sprite.on("mouseover", (t3) => {
+      const f2 = new Wh.h(null, { height: d2, width: c2 });
+      f2.resource = this.videoResource, this.videoResource.bind(f2), this.sprite = new op(), this.sprite.visible = false, this.sprite.texture = new Wh.db(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();
       }), ["durationchange", "timeupdate", "pause", "play"].forEach((t3) => {
-        this.videoResource.source.addEventListener(t3, () => {
+        var e3;
+        (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() {
+      return this.videoResource.source;
+    }
     get currentTime() {
       var t2, e2;
-      return (e2 = (t2 = this.videoResource.source) === null || t2 === void 0 ? void 0 : t2.currentTime) !== null && e2 !== void 0 ? e2 : 0;
+      return (e2 = (t2 = this.videoElement) === null || t2 === void 0 ? void 0 : t2.currentTime) !== null && e2 !== void 0 ? e2 : 0;
     }
     set currentTime(t2) {
-      qy.RtcAudioClazz && (this.rtcAudio.currentTime = t2), this.videoResource.source && (this.videoResource.source.currentTime = t2);
+      qy.RtcAudioClazz && (this.rtcAudio.currentTime = t2), this.videoElement && (this.videoElement.currentTime = t2);
     }
     get paused() {
       var t2, e2;
-      return (e2 = (t2 = this.videoResource.source) === null || t2 === void 0 ? void 0 : t2.paused) === null || e2 === void 0 || e2;
+      return (e2 = (t2 = this.videoElement) === null || t2 === void 0 ? void 0 : t2.paused) === null || e2 === void 0 || e2;
     }
     get ended() {
       var t2, e2;
-      return (e2 = (t2 = this.videoResource.source) === null || t2 === void 0 ? void 0 : t2.ended) === null || e2 === void 0 || e2;
+      return (e2 = (t2 = this.videoElement) === null || t2 === void 0 ? void 0 : t2.ended) === null || e2 === void 0 || e2;
     }
     get duration() {
       var t2, e2;
-      return (e2 = (t2 = this.videoResource.source) === null || t2 === void 0 ? void 0 : t2.duration) !== null && e2 !== void 0 ? e2 : 0;
+      return (e2 = (t2 = this.videoElement) === null || t2 === void 0 ? void 0 : t2.duration) !== null && e2 !== void 0 ? e2 : 0;
     }
     get clippedDuration() {
       return this.controller.clippedDuration;
@@ -31962,14 +31968,14 @@ void main(void){
       var t2;
       return c_(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.videoResource.source;
+          const t3 = this.videoElement;
           return !!(t3 && t3.videoWidth > 0);
         }, 3e3);
-        const e2 = this.videoResource.source;
-        e2 && e2.videoWidth <= 0 || (qy.RtcAudioClazz ? (this.videoResource.source.volume = 0, this.videoResource.source.muted = true, this.rtcAudio.once("play", () => {
+        const e2 = this.videoElement;
+        e2 && e2.videoWidth <= 0 || (qy.RtcAudioClazz ? (this.videoElement && (this.videoElement.volume = 0, this.videoElement.muted = true), this.rtcAudio.once("play", () => {
           var t3;
-          this.fullscreen && (this.requestFullscreen(), this.ctx.eventHub.emit(Yy.fullscreenChange, { targetId: this.id, state: true })), (t3 = this.videoResource.source) === null || t3 === void 0 || t3.play();
-        }), this.rtcAudio.play()) : (this.fullscreen && (this.requestFullscreen(), this.ctx.eventHub.emit(Yy.fullscreenChange, { targetId: this.id, state: true })), yield (t2 = this.videoResource.source) === null || t2 === void 0 ? void 0 : t2.play()));
+          this.fullscreen && (this.requestFullscreen(), this.ctx.eventHub.emit(Yy.fullscreenChange, { targetId: this.id, state: true })), (t3 = this.videoElement) === null || t3 === void 0 || t3.play();
+        }), this.rtcAudio.play()) : (this.fullscreen && (this.requestFullscreen(), this.ctx.eventHub.emit(Yy.fullscreenChange, { targetId: this.id, state: true })), yield (t2 = this.videoElement) === null || t2 === void 0 ? void 0 : t2.play()));
       });
     }
     load() {
@@ -31979,8 +31985,8 @@ void main(void){
       var t2;
       this.isPlaying = false, this.ctx.logger.warn(this.url + ", pause video manual.", this.ctx.taskId), qy.RtcAudioClazz ? (this.ctx.logger.warn(this.url + ", pause rtc audio manual.", this.ctx.taskId), this.rtcAudio.once("pause", () => {
         var t3;
-        (t3 = this.videoResource.source) === null || t3 === void 0 || t3.pause();
-      }), this.rtcAudio.pause()) : (t2 = this.videoResource.source) === null || t2 === void 0 || t2.pause();
+        (t3 = this.videoElement) === null || t3 === void 0 || t3.pause();
+      }), this.rtcAudio.pause()) : (t2 = this.videoElement) === null || t2 === void 0 || t2.pause();
     }
     globalPause() {
       this.isPlaying && (this.isGlobalPause = true, this.pause());
@@ -36140,7 +36146,7 @@ void main(void){
   }
   var mT = { 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" }, gT = { taskId: "", url: "", currentSlideIndex: -1, mainSeqStep: -1, mainSeqState: null, mediaState: /* @__PURE__ */ Object.create(null), interactiveSeqState: /* @__PURE__ */ Object.create(null) }, vT = "";
   try {
-    vT = "0.9.2";
+    vT = "0.10.0";
   } catch (t2) {
     vT = "-dev";
   }
@@ -39205,7 +39211,7 @@ class SlidePreviewer {
   }
 }
 const usePlugin = /* @__PURE__ */ Slide.Slide.usePlugin.bind(Slide.Slide);
-const version = "0.2.28";
+const version = "0.2.29-beta.1";
 const SlideApp = {
   kind: "Slide",
   setup(context) {