@editframe/elements 0.18.3-beta.0 → 0.18.7-beta.0

package/src/elements/EFVideo.ts

@@ -6,7 +6,6 @@ import { createRef, ref } from "lit/directives/ref.js";
 
 import { DelayedLoadingState } from "../DelayedLoadingState.js";
 import { TWMixin } from "../gui/TWMixin.js";
-import type { CacheStats, ScrubTrackManager } from "../ScrubTrackManager.js";
 import { makeVideoBufferTask } from "./EFMedia/videoTasks/makeVideoBufferTask.ts";
 import { makeVideoInitSegmentFetchTask } from "./EFMedia/videoTasks/makeVideoInitSegmentFetchTask.ts";
 import { makeVideoInputTask } from "./EFMedia/videoTasks/makeVideoInputTask.ts";
@@ -135,11 +134,6 @@ export class EFVideo extends TWMixin(EFMedia) {
   videoSeekTask = makeVideoSeekTask(this);
   videoBufferTask = makeVideoBufferTask(this);
 
-  /**
-   * Scrub track manager for fast timeline navigation
-   */
-  scrubTrackManager?: ScrubTrackManager;
-
   /**
    * Delayed loading state manager for user feedback
    */
@@ -392,13 +386,6 @@ export class EFVideo extends TWMixin(EFMedia) {
     return currentTime >= renderStartTime;
   }
 
-  /**
-   * Get scrub track performance statistics
-   */
-  getScrubTrackStats(): CacheStats | null {
-    return this.scrubTrackManager?.getCacheStats() || null;
-  }
-
   // Getter properties for backward compatibility with tests
   /**
    * Effective mode - always returns "asset" for EFVideo
@@ -469,9 +456,6 @@ export class EFVideo extends TWMixin(EFMedia) {
   disconnectedCallback(): void {
     super.disconnectedCallback();
 
-    // Clean up scrub track manager
-    this.scrubTrackManager?.cleanup();
-
     // Clean up delayed loading state
     this.delayedLoadingState.clearAllLoading();
   }

package/src/elements/SampleBuffer.ts

@@ -1,4 +1,5 @@
 import type { AudioSample, VideoSample } from "mediabunny";
+import { roundToMilliseconds } from "./EFMedia/shared/PrecisionUtils";
 export type MediaSample = VideoSample | AudioSample;
 
 // Generic sample buffer that works with both VideoSample and AudioSample
@@ -57,22 +58,19 @@ export class SampleBuffer {
 
     if (currentBuffer.length === 0) return undefined;
 
-    // Round to microsecond precision to handle floating point issues
-    // without introducing timing aliasing problems
-    const roundToMicroseconds = (timeMs: number) =>
-      Math.round(timeMs * 1000) / 1000;
-    const targetTimeMs = roundToMicroseconds(desiredSeekTimeMs);
+    // Use consistent precision handling across the entire pipeline
+    const targetTimeMs = roundToMilliseconds(desiredSeekTimeMs);
 
     // Find the sample that contains the target time
     for (const sample of currentBuffer) {
-      const sampleStartMs = roundToMicroseconds((sample.timestamp || 0) * 1000);
-      const sampleDurationMs = roundToMicroseconds(
+      const sampleStartMs = roundToMilliseconds((sample.timestamp || 0) * 1000);
+      const sampleDurationMs = roundToMilliseconds(
         (sample.duration || 0) * 1000,
       );
-      const sampleEndMs = sampleStartMs + sampleDurationMs;
+      const sampleEndMs = roundToMilliseconds(sampleStartMs + sampleDurationMs);
 
-      // Check if the desired time falls within this sample's time span [start, end)
-      if (targetTimeMs >= sampleStartMs && targetTimeMs < sampleEndMs) {
+      // Check if the desired time falls within this sample's time span [start, end], inclusive of end
+      if (targetTimeMs >= sampleStartMs && targetTimeMs <= sampleEndMs) {
         return sample;
       }
     }

package/src/gui/ContextMixin.ts

@@ -11,8 +11,6 @@ import { fetchContext } from "./fetchContext.js";
 import { type FocusContext, focusContext } from "./focusContext.js";
 import { focusedElementContext } from "./focusedElementContext.js";
 import { loopContext, playingContext } from "./playingContext.js";
-import { ElementConnectionManager } from "./services/ElementConnectionManager.js";
-import { PlaybackController } from "./services/PlaybackController.js";
 
 export const targetTimegroupContext = createContext<EFTimegroup | null>(
   "target-timegroup",
@@ -136,6 +134,9 @@ export function ContextMixin<T extends Constructor<LitElement>>(superClass: T) {
     @state()
     currentTimeMs = 0;
 
+    #FPS = 30;
+    #MS_PER_FRAME = 1000 / this.#FPS;
+
     #timegroupObserver = new MutationObserver((mutations) => {
       for (const mutation of mutations) {
         if (mutation.type === "childList") {
@@ -159,9 +160,6 @@ export function ContextMixin<T extends Constructor<LitElement>>(superClass: T) {
         attributes: true,
       });
 
-      // Preferrably we would use a resizeObserver, but it is difficult to get the first resize
-      // timed correctly. So we use requestAnimationFrame as a stop-gap.
-      // requestAnimationFrame(this.setStageScale);
       if (this.playing) {
         this.startPlayback();
       }
@@ -208,37 +206,117 @@ export function ContextMixin<T extends Constructor<LitElement>>(superClass: T) {
       this.playing = false;
     }
 
-    // Services for clean playback management
-    // Keep connection manager for potential future use
-    // @ts-ignore - Keeping for future use
-    private _elementConnectionManager = new ElementConnectionManager(3000);
-    private playbackController = new PlaybackController({
-      fps: 30,
-      onTimeUpdate: (timeMs: number) => {
-        this.currentTimeMs = timeMs;
-      },
-      onPlayStateChange: (playing: boolean) => {
-        this.playing = playing;
-      },
-      onError: (error: Error) => {
-        console.error("🎵 [PLAYBACK_ERROR]:", error);
-      },
-    });
+    #playbackAudioContext: AudioContext | null = null;
+    #playbackAnimationFrameRequest: number | null = null;
+    #AUDIO_PLAYBACK_SLICE_MS = ((47 * 1024) / 48000) * 1000; // AAC-aligned: ~1002.67ms
+
+    #syncPlayheadToAudioContext(target: EFTimegroup, startMs: number) {
+      const rawTimeMs =
+        startMs + (this.#playbackAudioContext?.currentTime ?? 0) * 1000;
+      const nextTimeMs =
+        Math.round(rawTimeMs / this.#MS_PER_FRAME) * this.#MS_PER_FRAME;
+      if (nextTimeMs !== this.currentTimeMs) {
+        this.currentTimeMs = nextTimeMs;
+      }
+      this.#playbackAnimationFrameRequest = requestAnimationFrame(() => {
+        this.#syncPlayheadToAudioContext(target, startMs);
+      });
+    }
 
     private async stopPlayback() {
-      await this.playbackController.stopPlayback();
+      if (this.#playbackAudioContext) {
+        if (this.#playbackAudioContext.state !== "closed") {
+          await this.#playbackAudioContext.close();
+        }
+      }
+      if (this.#playbackAnimationFrameRequest) {
+        cancelAnimationFrame(this.#playbackAnimationFrameRequest);
+      }
+      this.#playbackAudioContext = null;
+      this.#playbackAnimationFrameRequest = null;
     }
 
     private async startPlayback() {
+      await this.stopPlayback();
       const timegroup = this.targetTimegroup;
       if (!timegroup) {
         return;
       }
 
-      await this.playbackController.startPlayback(
-        timegroup,
-        timegroup.currentTimeMs,
-      );
+      await timegroup.waitForMediaDurations();
+
+      let currentMs = timegroup.currentTimeMs;
+      const fromMs = currentMs;
+      const toMs = timegroup.endTimeMs;
+
+      if (fromMs >= toMs) {
+        this.pause();
+        return;
+      }
+
+      let bufferCount = 0;
+      this.#playbackAudioContext = new AudioContext({
+        latencyHint: "playback",
+      });
+
+      if (this.#playbackAnimationFrameRequest) {
+        cancelAnimationFrame(this.#playbackAnimationFrameRequest);
+      }
+      this.#syncPlayheadToAudioContext(timegroup, currentMs);
+      const playbackContext = this.#playbackAudioContext;
+      if (playbackContext.state === "suspended") {
+        console.warn(
+          "AudioContext is suspended, media playback will not work until user has interacted with page.",
+        );
+        this.playing = false;
+        return;
+      }
+      await playbackContext.suspend();
+
+      const fillBuffer = async () => {
+        if (bufferCount > 2) {
+          return;
+        }
+        const canFillBuffer = await queueBufferSource();
+        if (canFillBuffer) {
+          fillBuffer();
+        }
+      };
+
+      const queueBufferSource = async () => {
+        if (currentMs >= toMs) {
+          return false;
+        }
+        const startMs = currentMs;
+        const endMs = currentMs + this.#AUDIO_PLAYBACK_SLICE_MS;
+        currentMs += this.#AUDIO_PLAYBACK_SLICE_MS;
+        const audioBuffer = await timegroup.renderAudio(startMs, endMs);
+        bufferCount++;
+        const source = playbackContext.createBufferSource();
+        source.buffer = audioBuffer;
+        source.connect(playbackContext.destination);
+        source.start((startMs - fromMs) / 1000);
+        source.onended = () => {
+          bufferCount--;
+          if (endMs >= toMs) {
+            this.pause();
+            if (this.loop) {
+              this.updateComplete.then(() => {
+                this.currentTimeMs = 0;
+                this.updateComplete.then(() => {
+                  this.play();
+                });
+              });
+            }
+          } else {
+            fillBuffer();
+          }
+        };
+        return true;
+      };
+
+      await fillBuffer();
+      await playbackContext.resume();
     }
   }
 

package/src/transcoding/types/index.ts

@@ -2,6 +2,8 @@
  * Core types and interfaces for JIT Transcoding System
  */
 
+import type { MediaRendition } from "../../elements/EFMedia/shared/MediaTaskUtils";
+
 export interface QualityPreset {
   name: string;
   width: number;
@@ -73,6 +75,8 @@ export interface ManifestVideoRendition {
   segmentDuration: number;
   /** Duration of each segment in milliseconds */
   segmentDurationMs: number;
+  /** Actual segment durations array (overrides fixed segmentDurationMs if provided) */
+  segmentDurationsMs?: number[];
   /** Video width in pixels */
   width: number;
   /** Video height in pixels */
@@ -100,6 +104,8 @@ export interface ManifestAudioRendition {
   segmentDuration: number;
   /** Duration of each segment in milliseconds */
   segmentDurationMs: number;
+  /** Actual segment durations array (overrides fixed segmentDurationMs if provided) */
+  segmentDurationsMs?: number[];
   /** Number of audio channels */
   channels: number;
   /** Sample rate in Hz */
@@ -183,12 +189,15 @@ export interface AudioRendition {
   trackId: number | undefined;
   src: string;
   segmentDurationMs?: number;
+  segmentDurationsMs?: number[];
+  startTimeOffsetMs?: number;
 }
 export interface VideoRendition {
   id?: RenditionId;
   trackId: number | undefined;
   src: string;
   segmentDurationMs?: number;
+  segmentDurationsMs?: number[];
   startTimeOffsetMs?: number;
 }
 export interface MediaEngine {
@@ -215,12 +224,7 @@ export interface MediaEngine {
   ) => Promise<ArrayBuffer>;
   computeSegmentId: (
     desiredSeekTimeMs: number,
-    rendition: {
-      id?: RenditionId;
-      trackId: number | undefined;
-      src: string;
-      segmentDurationMs?: number;
-    },
+    rendition: MediaRendition,
   ) => number | undefined;
 
   /**

package/test/EFVideo.framegen.browsertest.ts

@@ -33,7 +33,7 @@ describe("EFVideo Frame Generation", () => {
     render(
       html`
         <ef-video
-          src="/test-assets/media/bars-n-tone2.mp4"
+          src="media/bars-n-tone2.mp4"
           mode="asset"
           current-time-ms="80"
         ></ef-video>

package/test/__cache__/GET__api_v1_transcode_audio_1_m4s_url_http_3A_2F_2Fweb_3A3000_2Fhead_moov_480p_mp4__32da3954ba60c96ad732020c65a08ebc/metadata.json

@@ -8,14 +8,14 @@
     "cache-control": "public, max-age=3600",
     "content-length": "32957",
     "content-type": "video/iso.segment",
-    "date": "Mon, 04 Aug 2025 18:16:50 GMT",
+    "date": "Fri, 08 Aug 2025 03:57:07 GMT",
     "x-cache": "HIT",
     "x-powered-by": "Express",
-    "x-total-server-time-ms": "6",
+    "x-total-server-time-ms": "0",
     "x-transcode-time-ms": "0"
   },
   "url": "/api/v1/transcode/audio/1.m4s?url=http%3A%2F%2Fweb%3A3000%2Fhead-moov-480p.mp4",
   "method": "GET",
   "range": null,
-  "timestamp": "2025-08-04T18:16:50.153Z"
+  "timestamp": "2025-08-08T03:57:07.247Z"
 }

package/test/__cache__/GET__api_v1_transcode_audio_1_mp4_url_http_3A_2F_2Fweb_3A3000_2Fhead_moov_480p_mp4_bytes_0__9ed2d25c675aa6bb6ff5b3ae23887c71/metadata.json

@@ -0,0 +1,22 @@
+{
+  "statusCode": 200,
+  "headers": {
+    "access-control-allow-headers": "Origin, X-Requested-With, Content-Type, Accept, Authorization, Range",
+    "access-control-allow-methods": "GET, POST, PUT, DELETE, OPTIONS",
+    "access-control-allow-origin": "*",
+    "access-control-expose-headers": "Content-Length, Content-Range, X-Cache, X-Actual-Start-Time, X-Actual-Duration, X-Transcode-Time-Ms, X-Total-Server-Time-Ms",
+    "cache-control": "public, max-age=3600",
+    "connection": "close",
+    "content-length": "33661",
+    "content-type": "video/mp4",
+    "date": "Tue, 05 Aug 2025 17:32:32 GMT",
+    "x-cache": "HIT",
+    "x-powered-by": "Express",
+    "x-total-server-time-ms": "3",
+    "x-transcode-time-ms": "0"
+  },
+  "url": "/api/v1/transcode/audio/1.mp4?url=http%3A%2F%2Fweb%3A3000%2Fhead-moov-480p.mp4",
+  "method": "GET",
+  "range": "bytes=0-",
+  "timestamp": "2025-08-05T17:32:32.538Z"
+}

package/test/__cache__/GET__api_v1_transcode_audio_2_m4s_url_http_3A_2F_2Fweb_3A3000_2Fhead_moov_480p_mp4__b0b2b07efcf607de8ee0f650328c32f7/metadata.json

@@ -8,14 +8,14 @@
     "cache-control": "public, max-age=3600",
     "content-length": "32502",
     "content-type": "video/iso.segment",
-    "date": "Mon, 04 Aug 2025 18:16:50 GMT",
+    "date": "Fri, 08 Aug 2025 03:57:07 GMT",
     "x-cache": "HIT",
     "x-powered-by": "Express",
-    "x-total-server-time-ms": "5",
+    "x-total-server-time-ms": "0",
     "x-transcode-time-ms": "0"
   },
   "url": "/api/v1/transcode/audio/2.m4s?url=http%3A%2F%2Fweb%3A3000%2Fhead-moov-480p.mp4",
   "method": "GET",
   "range": null,
-  "timestamp": "2025-08-04T18:16:50.161Z"
+  "timestamp": "2025-08-08T03:57:07.247Z"
 }

package/test/__cache__/GET__api_v1_transcode_audio_2_mp4_url_http_3A_2F_2Fweb_3A3000_2Fhead_moov_480p_mp4_bytes_0__d5a3309a2bf756dd6e304807eb402f56/metadata.json

@@ -0,0 +1,22 @@
+{
+  "statusCode": 200,
+  "headers": {
+    "access-control-allow-headers": "Origin, X-Requested-With, Content-Type, Accept, Authorization, Range",
+    "access-control-allow-methods": "GET, POST, PUT, DELETE, OPTIONS",
+    "access-control-allow-origin": "*",
+    "access-control-expose-headers": "Content-Length, Content-Range, X-Cache, X-Actual-Start-Time, X-Actual-Duration, X-Transcode-Time-Ms, X-Total-Server-Time-Ms",
+    "cache-control": "public, max-age=3600",
+    "connection": "close",
+    "content-length": "33206",
+    "content-type": "video/mp4",
+    "date": "Tue, 05 Aug 2025 17:32:40 GMT",
+    "x-cache": "MISS",
+    "x-powered-by": "Express",
+    "x-total-server-time-ms": "215",
+    "x-transcode-time-ms": "209"
+  },
+  "url": "/api/v1/transcode/audio/2.mp4?url=http%3A%2F%2Fweb%3A3000%2Fhead-moov-480p.mp4",
+  "method": "GET",
+  "range": "bytes=0-",
+  "timestamp": "2025-08-05T17:32:40.581Z"
+}

package/test/__cache__/GET__api_v1_transcode_audio_3_m4s_url_http_3A_2F_2Fweb_3A3000_2Fhead_moov_480p_mp4__a75c2252b542e0c152c780e9a8d7b154/metadata.json

@@ -8,14 +8,14 @@
     "cache-control": "public, max-age=3600",
     "content-length": "32196",
     "content-type": "video/iso.segment",
-    "date": "Mon, 04 Aug 2025 18:16:50 GMT",
+    "date": "Fri, 08 Aug 2025 03:57:07 GMT",
     "x-cache": "HIT",
     "x-powered-by": "Express",
-    "x-total-server-time-ms": "9",
+    "x-total-server-time-ms": "0",
     "x-transcode-time-ms": "0"
   },
   "url": "/api/v1/transcode/audio/3.m4s?url=http%3A%2F%2Fweb%3A3000%2Fhead-moov-480p.mp4",
   "method": "GET",
   "range": null,
-  "timestamp": "2025-08-04T18:16:50.184Z"
+  "timestamp": "2025-08-08T03:57:07.271Z"
 }

package/test/__cache__/GET__api_v1_transcode_audio_3_mp4_url_http_3A_2F_2Fweb_3A3000_2Fhead_moov_480p_mp4_bytes_0__773254bb671e3466fca8677139fb239e/metadata.json

@@ -0,0 +1,22 @@
+{
+  "statusCode": 200,
+  "headers": {
+    "access-control-allow-headers": "Origin, X-Requested-With, Content-Type, Accept, Authorization, Range",
+    "access-control-allow-methods": "GET, POST, PUT, DELETE, OPTIONS",
+    "access-control-allow-origin": "*",
+    "access-control-expose-headers": "Content-Length, Content-Range, X-Cache, X-Actual-Start-Time, X-Actual-Duration, X-Transcode-Time-Ms, X-Total-Server-Time-Ms",
+    "cache-control": "public, max-age=3600",
+    "connection": "close",
+    "content-length": "32900",
+    "content-type": "video/mp4",
+    "date": "Tue, 05 Aug 2025 18:58:23 GMT",
+    "x-cache": "MISS",
+    "x-powered-by": "Express",
+    "x-total-server-time-ms": "280",
+    "x-transcode-time-ms": "265"
+  },
+  "url": "/api/v1/transcode/audio/3.mp4?url=http%3A%2F%2Fweb%3A3000%2Fhead-moov-480p.mp4",
+  "method": "GET",
+  "range": "bytes=0-",
+  "timestamp": "2025-08-05T18:58:23.587Z"
+}

package/test/__cache__/GET__api_v1_transcode_audio_4_m4s_url_http_3A_2F_2Fweb_3A3000_2Fhead_moov_480p_mp4__a64ff1cfb1b52cae14df4b5dfa1e222b/metadata.json

@@ -8,14 +8,14 @@
     "cache-control": "public, max-age=3600",
     "content-length": "32570",
     "content-type": "video/iso.segment",
-    "date": "Mon, 04 Aug 2025 18:16:50 GMT",
+    "date": "Fri, 08 Aug 2025 03:57:07 GMT",
     "x-cache": "HIT",
     "x-powered-by": "Express",
-    "x-total-server-time-ms": "3",
+    "x-total-server-time-ms": "0",
     "x-transcode-time-ms": "0"
   },
   "url": "/api/v1/transcode/audio/4.m4s?url=http%3A%2F%2Fweb%3A3000%2Fhead-moov-480p.mp4",
   "method": "GET",
   "range": null,
-  "timestamp": "2025-08-04T18:16:50.307Z"
+  "timestamp": "2025-08-08T03:57:07.247Z"
 }

package/test/__cache__/GET__api_v1_transcode_audio_init_m4s_url_http_3A_2F_2Fweb_3A3000_2Fhead_moov_480p_mp4__e66d2c831d951e74ad0aeaa6489795d0/metadata.json

@@ -8,14 +8,14 @@
     "cache-control": "public, max-age=3600",
     "content-length": "728",
     "content-type": "video/iso.segment",
-    "date": "Mon, 04 Aug 2025 18:16:50 GMT",
+    "date": "Fri, 08 Aug 2025 03:57:07 GMT",
     "x-cache": "HIT",
     "x-powered-by": "Express",
-    "x-total-server-time-ms": "8",
+    "x-total-server-time-ms": "0",
     "x-transcode-time-ms": "0"
   },
   "url": "/api/v1/transcode/audio/init.m4s?url=http%3A%2F%2Fweb%3A3000%2Fhead-moov-480p.mp4",
   "method": "GET",
   "range": null,
-  "timestamp": "2025-08-04T18:16:50.138Z"
+  "timestamp": "2025-08-08T03:57:07.205Z"
 }

package/test/__cache__/GET__api_v1_transcode_high_1_m4s_url_http_3A_2F_2Fweb_3A3000_2Fhead_moov_480p_mp4__26197f6f7c46cacb0a71134131c3f775/metadata.json

@@ -8,14 +8,14 @@
     "cache-control": "public, max-age=3600",
     "content-length": "827216",
     "content-type": "video/iso.segment",
-    "date": "Mon, 04 Aug 2025 18:16:50 GMT",
+    "date": "Fri, 08 Aug 2025 03:57:07 GMT",
     "x-cache": "HIT",
     "x-powered-by": "Express",
-    "x-total-server-time-ms": "12",
+    "x-total-server-time-ms": "0",
     "x-transcode-time-ms": "0"
   },
   "url": "/api/v1/transcode/high/1.m4s?url=http%3A%2F%2Fweb%3A3000%2Fhead-moov-480p.mp4",
   "method": "GET",
   "range": null,
-  "timestamp": "2025-08-04T18:16:50.190Z"
+  "timestamp": "2025-08-08T03:57:07.256Z"
 }

package/test/__cache__/GET__api_v1_transcode_high_2_m4s_url_http_3A_2F_2Fweb_3A3000_2Fhead_moov_480p_mp4__4cb6774cd3650ccf59c8f8dc6678c0b9/metadata.json

@@ -8,14 +8,14 @@
     "cache-control": "public, max-age=3600",
     "content-length": "905893",
     "content-type": "video/iso.segment",
-    "date": "Mon, 04 Aug 2025 18:16:50 GMT",
+    "date": "Fri, 08 Aug 2025 03:57:07 GMT",
     "x-cache": "HIT",
     "x-powered-by": "Express",
-    "x-total-server-time-ms": "11",
+    "x-total-server-time-ms": "1",
     "x-transcode-time-ms": "0"
   },
   "url": "/api/v1/transcode/high/2.m4s?url=http%3A%2F%2Fweb%3A3000%2Fhead-moov-480p.mp4",
   "method": "GET",
   "range": null,
-  "timestamp": "2025-08-04T18:16:50.197Z"
+  "timestamp": "2025-08-08T03:57:07.697Z"
 }

package/test/__cache__/GET__api_v1_transcode_high_4_m4s_url_http_3A_2F_2Fweb_3A3000_2Fhead_moov_480p_mp4__a6fb05a22b18d850f7f2950bbcdbdeed/metadata.json

@@ -0,0 +1,21 @@
+{
+  "statusCode": 200,
+  "headers": {
+    "access-control-allow-headers": "Origin, X-Requested-With, Content-Type, Accept, Authorization, Range",
+    "access-control-allow-methods": "GET, POST, PUT, DELETE, OPTIONS",
+    "access-control-allow-origin": "*",
+    "access-control-expose-headers": "Content-Length, Content-Range, X-Cache, X-Actual-Start-Time, X-Actual-Duration, X-Transcode-Time-Ms, X-Total-Server-Time-Ms",
+    "cache-control": "public, max-age=3600",
+    "content-length": "911925",
+    "content-type": "video/iso.segment",
+    "date": "Fri, 08 Aug 2025 03:57:07 GMT",
+    "x-cache": "HIT",
+    "x-powered-by": "Express",
+    "x-total-server-time-ms": "0",
+    "x-transcode-time-ms": "0"
+  },
+  "url": "/api/v1/transcode/high/4.m4s?url=http%3A%2F%2Fweb%3A3000%2Fhead-moov-480p.mp4",
+  "method": "GET",
+  "range": null,
+  "timestamp": "2025-08-08T03:57:07.247Z"
+}

package/test/__cache__/GET__api_v1_transcode_high_5_m4s_url_http_3A_2F_2Fweb_3A3000_2Fhead_moov_480p_mp4__a50058c7c3602e90879fe3428ed891f4/metadata.json

@@ -0,0 +1,21 @@
+{
+  "statusCode": 200,
+  "headers": {
+    "access-control-allow-headers": "Origin, X-Requested-With, Content-Type, Accept, Authorization, Range",
+    "access-control-allow-methods": "GET, POST, PUT, DELETE, OPTIONS",
+    "access-control-allow-origin": "*",
+    "access-control-expose-headers": "Content-Length, Content-Range, X-Cache, X-Actual-Start-Time, X-Actual-Duration, X-Transcode-Time-Ms, X-Total-Server-Time-Ms",
+    "cache-control": "public, max-age=3600",
+    "content-length": "829743",
+    "content-type": "video/iso.segment",
+    "date": "Tue, 05 Aug 2025 06:16:17 GMT",
+    "x-cache": "HIT",
+    "x-powered-by": "Express",
+    "x-total-server-time-ms": "16",
+    "x-transcode-time-ms": "0"
+  },
+  "url": "/api/v1/transcode/high/5.m4s?url=http%3A%2F%2Fweb%3A3000%2Fhead-moov-480p.mp4",
+  "method": "GET",
+  "range": null,
+  "timestamp": "2025-08-05T06:16:17.550Z"
+}

package/test/__cache__/GET__api_v1_transcode_high_init_m4s_url_http_3A_2F_2Fweb_3A3000_2Fhead_moov_480p_mp4__0798c479b44aaeef850609a430f6e613/metadata.json

@@ -8,14 +8,14 @@
     "cache-control": "public, max-age=3600",
     "content-length": "782",
     "content-type": "video/iso.segment",
-    "date": "Mon, 04 Aug 2025 18:16:50 GMT",
+    "date": "Fri, 08 Aug 2025 03:57:07 GMT",
     "x-cache": "HIT",
     "x-powered-by": "Express",
-    "x-total-server-time-ms": "5",
+    "x-total-server-time-ms": "0",
     "x-transcode-time-ms": "0"
   },
   "url": "/api/v1/transcode/high/init.m4s?url=http%3A%2F%2Fweb%3A3000%2Fhead-moov-480p.mp4",
   "method": "GET",
   "range": null,
-  "timestamp": "2025-08-04T18:16:50.142Z"
+  "timestamp": "2025-08-08T03:57:07.214Z"
 }

package/test/__cache__/GET__api_v1_transcode_manifest_json_url_http_3A_2F_2Fweb_3A3000_2Fhead_moov_480p_mp4__3be92a0437de726b431ed5af2369158a/data.bin

@@ -1 +1 @@
-{"version":"1.0","type":"jit-video","sourceUrl":"http://web:3000/head-moov-480p.mp4","duration":10,"durationMs":10000,"baseUrl":"http://localhost:63315","videoRenditions":[{"id":"high","width":1920,"height":1080,"bitrate":5000000,"codec":"avc1.640029","container":"video/mp4","mimeType":"video/mp4; codecs=\"avc1.640029,mp4a.40.2\"","segmentDuration":2,"segmentDurationMs":2000,"frameRate":30,"profile":"High","level":"4.1"},{"id":"medium","width":1280,"height":720,"bitrate":2500000,"codec":"avc1.640029","container":"video/mp4","mimeType":"video/mp4; codecs=\"avc1.640029,mp4a.40.2\"","segmentDuration":2,"segmentDurationMs":2000,"frameRate":30,"profile":"High","level":"4.1"},{"id":"low","width":854,"height":480,"bitrate":1000000,"codec":"avc1.640029","container":"video/mp4","mimeType":"video/mp4; codecs=\"avc1.640029,mp4a.40.2\"","segmentDuration":2,"segmentDurationMs":2000,"frameRate":30,"profile":"High","level":"4.1"},{"id":"scrub","width":320,"height":180,"bitrate":100000,"codec":"avc1.640029","container":"video/mp4","mimeType":"video/mp4; codecs=\"avc1.640029\"","segmentDuration":30,"segmentDurationMs":30000,"frameRate":15,"profile":"High","level":"4.1"}],"audioRenditions":[{"id":"audio","channels":1,"sampleRate":48000,"bitrate":128000,"codec":"mp4a.40.2","container":"audio/mp4","mimeType":"audio/mp4; codecs=\"mp4a.40.2\"","segmentDuration":2,"segmentDurationMs":2000,"language":"en"}],"endpoints":{"initSegment":"http://localhost:63315/api/v1/transcode/{rendition}/init.m4s?url=http%3A%2F%2Fweb%3A3000%2Fhead-moov-480p.mp4","mediaSegment":"http://localhost:63315/api/v1/transcode/{rendition}/{segmentId}.m4s?url=http%3A%2F%2Fweb%3A3000%2Fhead-moov-480p.mp4"},"jitInfo":{"parallelTranscodingSupported":true,"expectedTranscodeLatency":500,"segmentCount":5,"scrubSegmentCount":1}}
+{"version":"1.0","type":"com.editframe/manifest","sourceUrl":"http://web:3000/head-moov-480p.mp4","duration":10,"durationMs":10000,"baseUrl":"http://localhost:63315","videoRenditions":[{"id":"high","width":1920,"height":1080,"bitrate":5000000,"codec":"avc1.640029","container":"video/mp4","mimeType":"video/mp4; codecs=\"avc1.640029,mp4a.40.2\"","segmentDuration":2,"segmentDurationMs":2000,"segmentDurationsMs":[2000,2000,2000,2000,2000],"frameRate":30,"profile":"High","level":"4.1"},{"id":"medium","width":1280,"height":720,"bitrate":2500000,"codec":"avc1.640029","container":"video/mp4","mimeType":"video/mp4; codecs=\"avc1.640029,mp4a.40.2\"","segmentDuration":2,"segmentDurationMs":2000,"segmentDurationsMs":[2000,2000,2000,2000,2000],"frameRate":30,"profile":"High","level":"4.1"},{"id":"low","width":854,"height":480,"bitrate":1000000,"codec":"avc1.640029","container":"video/mp4","mimeType":"video/mp4; codecs=\"avc1.640029,mp4a.40.2\"","segmentDuration":2,"segmentDurationMs":2000,"segmentDurationsMs":[2000,2000,2000,2000,2000],"frameRate":30,"profile":"High","level":"4.1"},{"id":"scrub","width":320,"height":180,"bitrate":100000,"codec":"avc1.640029","container":"video/mp4","mimeType":"video/mp4; codecs=\"avc1.640029\"","segmentDuration":30,"segmentDurationMs":30000,"segmentDurationsMs":[30000],"frameRate":15,"profile":"High","level":"4.1"}],"audioRenditions":[{"id":"audio","channels":1,"sampleRate":48000,"bitrate":128000,"codec":"mp4a.40.2","container":"audio/mp4","mimeType":"audio/mp4; codecs=\"mp4a.40.2\"","segmentDuration":2,"segmentDurationMs":2000,"segmentDurationsMs":[2026.66,2005.33,1984,2005.33,2026.66],"language":"en"}],"endpoints":{"initSegment":"http://localhost:63315/api/v1/transcode/{rendition}/init.m4s?url=http%3A%2F%2Fweb%3A3000%2Fhead-moov-480p.mp4","mediaSegment":"http://localhost:63315/api/v1/transcode/{rendition}/{segmentId}.m4s?url=http%3A%2F%2Fweb%3A3000%2Fhead-moov-480p.mp4"},"jitInfo":{"parallelTranscodingSupported":true,"expectedTranscodeLatency":500,"segmentCount":5,"scrubSegmentCount":1}}

package/test/__cache__/GET__api_v1_transcode_manifest_json_url_http_3A_2F_2Fweb_3A3000_2Fhead_moov_480p_mp4__3be92a0437de726b431ed5af2369158a/metadata.json

@@ -6,14 +6,14 @@
     "access-control-allow-origin": "*",
     "access-control-expose-headers": "Content-Length, Content-Range, X-Cache, X-Actual-Start-Time, X-Actual-Duration, X-Transcode-Time-Ms, X-Total-Server-Time-Ms",
     "cache-control": "public, max-age=300",
-    "content-length": "1799",
+    "content-length": "2045",
     "content-type": "application/json; charset=utf-8",
-    "date": "Mon, 04 Aug 2025 18:16:50 GMT",
-    "etag": "W/\"725-YLva1y8sO9GfMwcDHGQedQtKdV4\"",
+    "date": "Thu, 07 Aug 2025 20:55:37 GMT",
+    "etag": "W/\"81b-wi6z588RhWTgs57jivyDs3lEkkA\"",
     "x-powered-by": "Express"
   },
   "url": "/api/v1/transcode/manifest.json?url=http%3A%2F%2Fweb%3A3000%2Fhead-moov-480p.mp4",
   "method": "GET",
   "range": null,
-  "timestamp": "2025-08-04T18:16:50.114Z"
+  "timestamp": "2025-08-07T20:55:37.385Z"
 }