@shotstack/shotstack-studio 2.14.4 → 2.15.1

package/dist/internal.es.js

@@ -972,6 +972,37 @@ class ir extends J6 {
     const e = this.edit.playbackTime - this.getStart();
     return e < 0 ? 0 : e > this.getLength() ? this.getLength() : e;
   }
+  /**
+   * Playback speed of the asset (1 = normal). Matches `asset.speed` used by renders.
+   */
+  getAssetSpeed() {
+    const { speed: e = 1 } = this.clipConfiguration.asset;
+    return e;
+  }
+  /**
+   * Map clip playback time to source media time. Matches render output:
+   * sourceTime = speed × (trim + playbackTime), i.e. trim is also scaled by speed.
+   */
+  getSourceTime() {
+    const { trim: e = 0 } = this.clipConfiguration.asset;
+    return this.getAssetSpeed() * (e + this.getPlaybackTime());
+  }
+  /** Duration of the source media in seconds, or null when unknown or not applicable. */
+  getSourceDuration() {
+    return null;
+  }
+  /**
+   * Longest clip length the source media can fill at the current trim and speed
+   * (duration / speed − trim), or null when unbounded or the media isn't loaded yet.
+   */
+  getMaxLength() {
+    const e = this.getSourceDuration();
+    if (e === null) return null;
+    const r = this.getAssetSpeed();
+    if (r <= 0) return null;
+    const { trim: n = 0 } = this.clipConfiguration.asset;
+    return Math.max(0.1, e / r - n);
+  }
   /**
    * Returns the source content dimensions (before fit scaling).
    */
@@ -1241,14 +1272,12 @@ class a_ extends ir {
     this.volumeKeyframeBuilder = new Jn(this.createVolumeKeyframes(e, s), this.getLength(), s), this.audioResource.volume(this.getVolume()), this.configureKeyframes();
   }
   update(e, r) {
-    super.update(e, r);
-    const { trim: n = 0 } = this.clipConfiguration.asset;
-    if (this.syncTimer += r, this.getContainer().alpha = 0, !this.audioResource)
+    if (super.update(e, r), this.syncTimer += r, this.getContainer().alpha = 0, !this.audioResource)
       return;
-    const i = this.edit.isPlaying && this.isActive(), a = this.getPlaybackTime();
-    i && (this.isPlaying || (this.isPlaying = !0, this.audioResource.volume(this.getVolume()), this.audioResource.seek(a + n), this.audioResource.play()), this.audioResource.volume() !== this.getVolume() && this.audioResource.volume(this.getVolume()), Math.abs(this.audioResource.seek() - n - a) > 0.1 && this.audioResource.seek(a + n)), this.isPlaying && !i && (this.isPlaying = !1, this.audioResource.pause());
+    const n = this.getAssetSpeed(), i = this.getSourceTime(), a = this.edit.isPlaying && this.isActive() && n > 0;
+    a && (this.isPlaying || (this.isPlaying = !0, this.audioResource.volume(this.getVolume()), this.audioResource.rate(n), this.audioResource.seek(i), this.audioResource.play()), this.audioResource.volume() !== this.getVolume() && this.audioResource.volume(this.getVolume()), this.audioResource.rate() !== n && this.audioResource.rate(n), Math.abs(this.audioResource.seek() - i) > 0.1 && this.audioResource.seek(i)), this.isPlaying && !a && (this.isPlaying = !1, this.audioResource.pause());
     const s = this.syncTimer > 100;
-    !this.edit.isPlaying && this.isActive() && s && (this.syncTimer = 0, this.audioResource.seek(a + n));
+    !this.edit.isPlaying && this.isActive() && s && (this.syncTimer = 0, this.audioResource.seek(i));
   }
   dispose() {
     this.audioResource && (this.audioResource.stop(), this.audioResource.unload()), this.audioResource = null, super.dispose();
@@ -1275,10 +1304,12 @@ class a_ extends ir {
   getVolume() {
     return this.volumeKeyframeBuilder.getValue(this.getPlaybackTime());
   }
+  getSourceDuration() {
+    const e = this.audioResource?.duration();
+    return typeof e == "number" && e > 0 ? e : null;
+  }
   getCurrentDrift() {
-    if (!this.audioResource) return 0;
-    const { trim: e = 0 } = this.clipConfiguration.asset, r = this.audioResource.seek(), n = this.getPlaybackTime();
-    return Math.abs(r - e - n);
+    return this.audioResource ? Math.abs(this.audioResource.seek() - this.getSourceTime()) : 0;
   }
   createVolumeKeyframes(e, r) {
     const { effect: n, volume: i } = e;
@@ -41220,15 +41251,12 @@ class SR extends ir {
     this.clearPlaceholder(), this.placeholder = Do(e, r), this.contentContainer.addChild(this.placeholder), this.configureKeyframes();
   }
   update(e, r) {
-    if (super.update(e, r), this.skipVideoUpdate)
-      return;
-    const { trim: n = 0 } = this.clipConfiguration.asset;
-    if (this.syncTimer += r, !this.texture)
+    if (super.update(e, r), this.skipVideoUpdate || (this.syncTimer += r, !this.texture))
       return;
-    const i = this.getPlaybackTime(), a = this.edit.isPlaying && this.isActive();
-    a && (this.isPlaying || (this.isPlaying = !0, this.activeSyncTimer = 0, this.texture.source.resource.volume = this.getVolume(), this.texture.source.resource.currentTime = i + n, this.texture.source.resource.play().catch(console.error)), this.texture.source.resource.volume !== this.getVolume() && (this.texture.source.resource.volume = this.getVolume()), this.activeSyncTimer += r, this.activeSyncTimer > 1e3 && (this.activeSyncTimer = 0, Math.abs(this.texture.source.resource.currentTime - n - i) > 0.3 && (this.texture.source.resource.currentTime = i + n))), !a && this.isPlaying && (this.isPlaying = !1, this.texture.source.resource.pause());
+    const n = this.getAssetSpeed(), i = this.getSourceTime(), a = this.edit.isPlaying && this.isActive() && n > 0;
+    a && (this.isPlaying || (this.isPlaying = !0, this.activeSyncTimer = 0, this.texture.source.resource.volume = this.getVolume(), this.texture.source.resource.currentTime = i, this.texture.source.resource.play().catch(console.error)), this.texture.source.resource.volume !== this.getVolume() && (this.texture.source.resource.volume = this.getVolume()), this.texture.source.resource.playbackRate !== n && (this.texture.source.resource.playbackRate = n), this.activeSyncTimer += r, this.activeSyncTimer > 1e3 && (this.activeSyncTimer = 0, Math.abs(this.texture.source.resource.currentTime - i) > 0.3 && (this.texture.source.resource.currentTime = i))), !a && this.isPlaying && (this.isPlaying = !1, this.texture.source.resource.pause());
     const s = this.syncTimer > 100;
-    !this.edit.isPlaying && this.isActive() && s && (this.syncTimer = 0, this.texture.source.resource.currentTime = i + n);
+    (!this.edit.isPlaying || n === 0) && this.isActive() && s && (this.syncTimer = 0, this.texture.source.resource.currentTime = i);
   }
   dispose() {
     this.disposeVideo(), this.clearPlaceholder(), super.dispose();
@@ -41274,7 +41302,7 @@ class SR extends ir {
         s.removeEventListener("loadeddata", u), o();
       };
       s.addEventListener("loadeddata", u), s.readyState >= 2 && o();
-    }), this.sprite = new ot.Sprite(this.texture), this.contentContainer.addChild(this.sprite), this.texture.source.resource.volume = this.getVolume();
+    }), this.sprite = new ot.Sprite(this.texture), this.contentContainer.addChild(this.sprite), this.texture.source.resource.volume = this.getVolume(), this.texture.source.resource.preservesPitch = !1;
   }
   disposeVideo() {
     this.texture?.source?.resource && (this.texture.source.resource.pause(), this.texture.source.resource.src = "", this.texture.source.resource.load()), this.sprite && (this.contentContainer.removeChild(this.sprite), this.sprite.destroy(), this.sprite = null), this.texture && (this.texture.destroy(!0), this.texture = null);
@@ -41285,10 +41313,12 @@ class SR extends ir {
   getVolume() {
     return this.volumeKeyframeBuilder.getValue(this.getPlaybackTime());
   }
+  getSourceDuration() {
+    const e = this.texture?.source?.resource?.duration;
+    return typeof e == "number" && Number.isFinite(e) && e > 0 ? e : null;
+  }
   getCurrentDrift() {
-    if (!this.texture?.source?.resource) return 0;
-    const { trim: e = 0 } = this.clipConfiguration.asset, r = this.texture.source.resource.currentTime, n = this.getPlaybackTime();
-    return Math.abs(r - e - n);
+    return this.texture?.source?.resource ? Math.abs(this.texture.source.resource.currentTime - this.getSourceTime()) : 0;
   }
   createCroppedTexture(e) {
     const r = this.clipConfiguration.asset;