@editframe/elements 0.20.0-beta.0 → 0.20.1-beta.0

package/dist/elements/EFMedia/JitMediaEngine.js

@@ -107,19 +107,10 @@ var JitMediaEngine = class JitMediaEngine extends BaseMediaEngine {
 	* Extract thumbnail canvases using same rendition priority as video playback for frame alignment
 	*/
 	async extractThumbnails(timestamps) {
-		let rendition;
-		try {
-			const mainRendition = this.getVideoRendition();
-			if (mainRendition) rendition = mainRendition;
-			else {
-				const scrubRendition = this.getScrubVideoRendition();
-				if (scrubRendition) rendition = scrubRendition;
-				else throw new Error("No video rendition available");
-			}
-		} catch (error) {
-			console.warn("JitMediaEngine: No video rendition available for thumbnails", error);
-			return timestamps.map(() => null);
-		}
+		const mainRendition = this.videoRendition;
+		const scrubRendition = this.getScrubVideoRendition();
+		const rendition = mainRendition || scrubRendition;
+		if (!rendition) return timestamps.map(() => null);
 		return this.thumbnailExtractor.extractThumbnails(timestamps, rendition, this.durationMs);
 	}
 	convertToSegmentRelativeTimestamps(globalTimestamps, _segmentId, _rendition) {

package/dist/elements/EFMedia/audioTasks/makeAudioBufferTask.js

@@ -22,6 +22,7 @@ const makeAudioBufferTask = (host) => {
 		task: async ([seekTimeMs], { signal }) => {
 			if (EF_RENDERING()) return currentState;
 			const mediaEngine = await getLatestMediaEngine(host, signal);
+			if (!mediaEngine.audioRendition) return currentState;
 			const engineConfig = mediaEngine.getBufferConfig();
 			const bufferDurationMs = engineConfig.audioBufferDurationMs;
 			const maxParallelFetches = engineConfig.maxAudioBufferFetches;
@@ -47,7 +48,7 @@ const makeAudioBufferTask = (host) => {
 				getRendition: async () => {
 					const mediaEngine$1 = await getLatestMediaEngine(host, signal);
 					const audioRendition = mediaEngine$1.audioRendition;
-					if (!audioRendition) throw new Error("Audio rendition not available");
+					if (!audioRendition) throw new Error("No audio track available in source");
 					return audioRendition;
 				},
 				logError: console.error

package/dist/elements/EFMedia/audioTasks/makeAudioFrequencyAnalysisTask.js

@@ -51,6 +51,8 @@ function makeAudioFrequencyAnalysisTask(element) {
 		],
 		task: async (_, { signal }) => {
 			if (element.currentSourceTimeMs < 0) return null;
+			const mediaEngine = element.mediaEngineTask.value;
+			if (!mediaEngine?.audioRendition) return null;
 			const currentTimeMs = element.currentSourceTimeMs;
 			const frameIntervalMs = 1e3 / 30;
 			const earliestFrameMs = currentTimeMs - (element.fftDecay - 1) * frameIntervalMs;

package/dist/elements/EFMedia/audioTasks/makeAudioInitSegmentFetchTask.d.ts

@@ -1,4 +1,4 @@
 import { Task } from '@lit/task';
 import { MediaEngine } from '../../../transcoding/types';
 import { EFMedia } from '../../EFMedia';
-export declare const makeAudioInitSegmentFetchTask: (host: EFMedia) => Task<readonly [MediaEngine | undefined], ArrayBuffer>;
+export declare const makeAudioInitSegmentFetchTask: (host: EFMedia) => Task<readonly [MediaEngine | undefined], ArrayBuffer | undefined>;

package/dist/elements/EFMedia/audioTasks/makeAudioInitSegmentFetchTask.js

@@ -9,7 +9,9 @@ const makeAudioInitSegmentFetchTask = (host) => {
 		onComplete: (_value) => {},
 		task: async ([_mediaEngine], { signal }) => {
 			const mediaEngine = await getLatestMediaEngine(host, signal);
-			return mediaEngine.fetchInitSegment(mediaEngine.getAudioRendition(), signal);
+			const audioRendition = mediaEngine.audioRendition;
+			if (!audioRendition) return void 0;
+			return mediaEngine.fetchInitSegment(audioRendition, signal);
 		}
 	});
 };

package/dist/elements/EFMedia/audioTasks/makeAudioInputTask.js

@@ -13,7 +13,7 @@ const makeAudioInputTask = (host) => {
 			signal.throwIfAborted();
 			const segment = await host.audioSegmentFetchTask.taskComplete;
 			signal.throwIfAborted();
-			if (!initSegment || !segment) throw new Error("Init segment or segment is not available");
+			if (!initSegment || !segment) throw new Error("No audio track available in source");
 			const mediaEngine = await host.mediaEngineTask.taskComplete;
 			const audioRendition = mediaEngine?.audioRendition;
 			const startTimeOffsetMs = audioRendition?.startTimeOffsetMs;

package/dist/elements/EFMedia/audioTasks/makeAudioSegmentFetchTask.d.ts

@@ -1,4 +1,4 @@
 import { Task } from '@lit/task';
 import { MediaEngine } from '../../../transcoding/types';
 import { EFMedia } from '../../EFMedia';
-export declare const makeAudioSegmentFetchTask: (host: EFMedia) => Task<readonly [MediaEngine | undefined, number | undefined], ArrayBuffer>;
+export declare const makeAudioSegmentFetchTask: (host: EFMedia) => Task<readonly [MediaEngine | undefined, number | undefined], ArrayBuffer | undefined>;

package/dist/elements/EFMedia/audioTasks/makeAudioSegmentFetchTask.js

@@ -9,19 +9,20 @@ const makeAudioSegmentFetchTask = (host) => {
 		onComplete: (_value) => {},
 		task: async (_, { signal }) => {
 			const mediaEngine = await getLatestMediaEngine(host, signal);
+			const audioRendition = mediaEngine.audioRendition;
+			if (!audioRendition) return void 0;
 			const segmentId = await host.audioSegmentIdTask.taskComplete;
 			if (segmentId === void 0) {
-				const rendition = mediaEngine.audioRendition;
 				const debugInfo = {
-					hasRendition: !!rendition,
-					segmentDurationMs: rendition?.segmentDurationMs,
-					segmentDurationsMs: rendition?.segmentDurationsMs?.length || 0,
+					hasRendition: true,
+					segmentDurationMs: audioRendition.segmentDurationMs,
+					segmentDurationsMs: audioRendition.segmentDurationsMs?.length || 0,
 					desiredSeekTimeMs: host.desiredSeekTimeMs,
 					intrinsicDurationMs: host.intrinsicDurationMs
 				};
 				throw new Error(`Segment ID is not available for audio. Debug info: ${JSON.stringify(debugInfo)}`);
 			}
-			return mediaEngine.fetchMediaSegment(segmentId, mediaEngine.getAudioRendition(), signal);
+			return mediaEngine.fetchMediaSegment(segmentId, audioRendition, signal);
 		}
 	});
 };

package/dist/elements/EFMedia/audioTasks/makeAudioSegmentIdTask.js

@@ -10,7 +10,9 @@ const makeAudioSegmentIdTask = (host) => {
 		task: async ([, targetSeekTimeMs], { signal }) => {
 			const mediaEngine = await getLatestMediaEngine(host, signal);
 			signal.throwIfAborted();
-			return mediaEngine.computeSegmentId(targetSeekTimeMs, mediaEngine.getAudioRendition());
+			const audioRendition = mediaEngine.audioRendition;
+			if (!audioRendition) return void 0;
+			return mediaEngine.computeSegmentId(targetSeekTimeMs, audioRendition);
 		}
 	});
 };

package/dist/elements/EFMedia/audioTasks/makeAudioTimeDomainAnalysisTask.js

@@ -18,6 +18,8 @@ function makeAudioTimeDomainAnalysisTask(element) {
 		],
 		task: async (_, { signal }) => {
 			if (element.currentSourceTimeMs < 0) return null;
+			const mediaEngine = element.mediaEngineTask.value;
+			if (!mediaEngine?.audioRendition) return null;
 			const currentTimeMs = element.currentSourceTimeMs;
 			const frameIntervalMs = 1e3 / 30;
 			const earliestFrameMs = currentTimeMs - (element.fftDecay - 1) * frameIntervalMs;

package/dist/elements/EFMedia/shared/AudioSpanUtils.js

@@ -4,7 +4,7 @@
 */
 const fetchAudioSegmentData = async (segmentIds, mediaEngine, signal) => {
 	const audioRendition = mediaEngine.audioRendition;
-	if (!audioRendition) throw new Error("Audio rendition not available");
+	if (!audioRendition) throw new Error("No audio track available in source");
 	const segmentData = /* @__PURE__ */ new Map();
 	const fetchPromises = segmentIds.map(async (segmentId) => {
 		const arrayBuffer = await mediaEngine.fetchMediaSegment(segmentId, audioRendition, signal);
@@ -31,7 +31,7 @@ const fetchAudioSpanningTime = async (host, fromMs, toMs, signal) => {
 	if (fromMs >= toMs || fromMs < 0) throw new Error(`Invalid time range: fromMs=${fromMs}, toMs=${toMs}`);
 	const mediaEngine = await host.mediaEngineTask.taskComplete;
 	const initSegment = await host.audioInitSegmentFetchTask.taskComplete;
-	if (!mediaEngine?.audioRendition) throw new Error("Audio rendition not available");
+	if (!mediaEngine?.audioRendition) throw new Error("No audio track available in source");
 	if (!initSegment) throw new Error("Audio init segment is not available");
 	const segmentRanges = mediaEngine.calculateAudioSegmentRange(fromMs, toMs, mediaEngine.audioRendition, host.intrinsicDurationMs || 1e4);
 	if (segmentRanges.length === 0) throw new Error(`No segments found for time range ${fromMs}-${toMs}ms`);

package/dist/elements/EFMedia/tasks/makeMediaEngineTask.js

@@ -11,7 +11,7 @@ const getLatestMediaEngine = async (host, signal) => {
 };
 const getVideoRendition = (mediaEngine) => {
 	const videoRendition = mediaEngine.videoRendition;
-	if (!videoRendition) throw new Error("Video rendition is not available");
+	if (!videoRendition) throw new Error("No video track available in source");
 	return videoRendition;
 };
 /**

package/dist/elements/EFMedia.d.ts

@@ -58,8 +58,8 @@ export declare class EFMedia extends EFMedia_base {
     get urlGenerator(): UrlGenerator;
     mediaEngineTask: import('@lit/task').Task<readonly [string, string | null], import('../transcoding/types/index.ts').MediaEngine>;
     audioSegmentIdTask: import('@lit/task').Task<readonly [import('../transcoding/types/index.ts').MediaEngine | undefined, number], number | undefined>;
-    audioInitSegmentFetchTask: import('@lit/task').Task<readonly [import('../transcoding/types/index.ts').MediaEngine | undefined], ArrayBuffer>;
-    audioSegmentFetchTask: import('@lit/task').Task<readonly [import('../transcoding/types/index.ts').MediaEngine | undefined, number | undefined], ArrayBuffer>;
+    audioInitSegmentFetchTask: import('@lit/task').Task<readonly [import('../transcoding/types/index.ts').MediaEngine | undefined], ArrayBuffer | undefined>;
+    audioSegmentFetchTask: import('@lit/task').Task<readonly [import('../transcoding/types/index.ts').MediaEngine | undefined, number | undefined], ArrayBuffer | undefined>;
     audioInputTask: import('./EFMedia/shared/MediaTaskUtils.ts').InputTask;
     audioSeekTask: import('@lit/task').Task<readonly [number, import('./EFMedia/BufferedSeekingInput.ts').BufferedSeekingInput | undefined], import('mediabunny').VideoSample | undefined>;
     audioBufferTask: import('@lit/task').Task<readonly [number], import('./EFMedia/audioTasks/makeAudioBufferTask.ts').AudioBufferState>;

package/dist/elements/EFTimegroup.js

@@ -366,7 +366,13 @@ let EFTimegroup = class EFTimegroup$1 extends EFTemporal(LitElement) {
 			const sourceInMs = mediaElement.sourceInMs || mediaElement.trimStartMs || 0;
 			const mediaSourceFromMs = mediaLocalFromMs + sourceInMs;
 			const mediaSourceToMs = mediaLocalToMs + sourceInMs;
-			const audio = await mediaElement.fetchAudioSpanningTime(mediaSourceFromMs, mediaSourceToMs, abortController.signal);
+			let audio;
+			try {
+				audio = await mediaElement.fetchAudioSpanningTime(mediaSourceFromMs, mediaSourceToMs, abortController.signal);
+			} catch (error) {
+				if (error instanceof Error && error.message.includes("No audio track available")) return;
+				throw error;
+			}
 			if (!audio) throw new Error("Failed to fetch audio");
 			const bufferSource = audioContext.createBufferSource();
 			bufferSource.buffer = await audioContext.decodeAudioData(await audio.blob.arrayBuffer());

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@editframe/elements",
-  "version": "0.20.0-beta.0",
+  "version": "0.20.1-beta.0",
   "description": "",
   "exports": {
     ".": {
@@ -27,7 +27,7 @@
   "license": "UNLICENSED",
   "dependencies": {
     "@bramus/style-observer": "^1.3.0",
-    "@editframe/assets": "0.20.0-beta.0",
+    "@editframe/assets": "0.20.1-beta.0",
     "@lit/context": "^1.1.2",
     "@lit/task": "^1.0.1",
     "d3": "^7.9.0",

package/src/elements/ContextProxiesController.ts

@@ -110,6 +110,7 @@ export class ContextProxyController implements ReactiveController {
     try {
       const newEvent = new ContextEvent(
         contextEvent.context,
+        // @ts-ignore (this fails a typecheck but works)
         contextEvent.callback,
         contextEvent.subscribe,
       );

package/src/elements/EFMedia/JitMediaEngine.ts

@@ -215,29 +215,15 @@ export class JitMediaEngine extends BaseMediaEngine implements MediaEngine {
   async extractThumbnails(
     timestamps: number[],
   ): Promise<(ThumbnailResult | null)[]> {
-    // Use same rendition priority as video: try main rendition first for frame alignment
-    let rendition: VideoRendition;
-    try {
-      const mainRendition = this.getVideoRendition();
-      if (mainRendition) {
-        rendition = mainRendition;
-      } else {
-        const scrubRendition = this.getScrubVideoRendition();
-        if (scrubRendition) {
-          rendition = scrubRendition;
-        } else {
-          throw new Error("No video rendition available");
-        }
-      }
-    } catch (error) {
-      console.warn(
-        "JitMediaEngine: No video rendition available for thumbnails",
-        error,
-      );
+    const mainRendition = this.videoRendition;
+    const scrubRendition = this.getScrubVideoRendition();
+
+    const rendition = mainRendition || scrubRendition;
+
+    if (!rendition) {
       return timestamps.map(() => null);
     }
 
-    // Use shared thumbnail extraction logic
     return this.thumbnailExtractor.extractThumbnails(
       timestamps,
       rendition,

package/src/elements/EFMedia/audioTasks/makeAudioBufferTask.ts

@@ -42,13 +42,15 @@ export const makeAudioBufferTask = (host: EFMedia): AudioBufferTask => {
     task: async ([seekTimeMs], { signal }) => {
       // Skip buffering entirely in rendering mode
       if (EF_RENDERING()) {
-        return currentState; // Return existing state without any buffering activity
+        return currentState;
       }
 
-      // Get media engine to potentially override buffer configuration
       const mediaEngine = await getLatestMediaEngine(host, signal);
 
-      // Use media engine's buffer config, falling back to host properties
+      if (!mediaEngine.audioRendition) {
+        return currentState;
+      }
+
       const engineConfig = mediaEngine.getBufferConfig();
       const bufferDurationMs = engineConfig.audioBufferDurationMs;
       const maxParallelFetches = engineConfig.maxAudioBufferFetches;
@@ -85,11 +87,10 @@ export const makeAudioBufferTask = (host: EFMedia): AudioBufferTask => {
             return mediaEngine.isSegmentCached(segmentId, rendition);
           },
           getRendition: async () => {
-            // Get real audio rendition from media engine
             const mediaEngine = await getLatestMediaEngine(host, signal);
             const audioRendition = mediaEngine.audioRendition;
             if (!audioRendition) {
-              throw new Error("Audio rendition not available");
+              throw new Error("No audio track available in source");
             }
             return audioRendition;
           },

package/src/elements/EFMedia/audioTasks/makeAudioFrequencyAnalysisTask.ts

@@ -95,6 +95,11 @@ export function makeAudioFrequencyAnalysisTask(element: EFMedia) {
     task: async (_, { signal }) => {
       if (element.currentSourceTimeMs < 0) return null;
 
+      const mediaEngine = element.mediaEngineTask.value;
+      if (!mediaEngine?.audioRendition) {
+        return null;
+      }
+
       const currentTimeMs = element.currentSourceTimeMs;
 
       // Calculate exact audio window needed based on fftDecay and frame timing

package/src/elements/EFMedia/audioTasks/makeAudioInitSegmentFetchTask.ts

@@ -5,7 +5,7 @@ import { getLatestMediaEngine } from "../tasks/makeMediaEngineTask";
 
 export const makeAudioInitSegmentFetchTask = (
   host: EFMedia,
-): Task<readonly [MediaEngine | undefined], ArrayBuffer> => {
+): Task<readonly [MediaEngine | undefined], ArrayBuffer | undefined> => {
   return new Task(host, {
     args: () => [host.mediaEngineTask.value] as const,
     onError: (error) => {
@@ -14,10 +14,13 @@ export const makeAudioInitSegmentFetchTask = (
     onComplete: (_value) => {},
     task: async ([_mediaEngine], { signal }) => {
       const mediaEngine = await getLatestMediaEngine(host, signal);
-      return mediaEngine.fetchInitSegment(
-        mediaEngine.getAudioRendition(),
-        signal,
-      );
+
+      const audioRendition = mediaEngine.audioRendition;
+      if (!audioRendition) {
+        return undefined;
+      }
+
+      return mediaEngine.fetchInitSegment(audioRendition, signal);
     },
   });
 };

package/src/elements/EFMedia/audioTasks/makeAudioInputTask.ts

@@ -19,20 +19,20 @@ export const makeAudioInputTask = (host: EFMedia): InputTask => {
     onComplete: (_value) => {},
     task: async (_, { signal }) => {
       const initSegment = await host.audioInitSegmentFetchTask.taskComplete;
-      signal.throwIfAborted(); // Abort if a new seek started
+      signal.throwIfAborted();
       const segment = await host.audioSegmentFetchTask.taskComplete;
-      signal.throwIfAborted(); // Abort if a new seek started
+      signal.throwIfAborted();
+
       if (!initSegment || !segment) {
-        throw new Error("Init segment or segment is not available");
+        throw new Error("No audio track available in source");
       }
 
-      // Get startTimeOffsetMs from the audio rendition if available
       const mediaEngine = await host.mediaEngineTask.taskComplete;
       const audioRendition = mediaEngine?.audioRendition;
       const startTimeOffsetMs = audioRendition?.startTimeOffsetMs;
 
       const arrayBuffer = await new Blob([initSegment, segment]).arrayBuffer();
-      signal.throwIfAborted(); // Abort if a new seek started
+      signal.throwIfAborted();
       return new BufferedSeekingInput(arrayBuffer, {
         videoBufferSize: EFMedia.VIDEO_SAMPLE_BUFFER_SIZE,
         audioBufferSize: EFMedia.AUDIO_SAMPLE_BUFFER_SIZE,

package/src/elements/EFMedia/audioTasks/makeAudioSegmentFetchTask.ts

@@ -7,7 +7,7 @@ export const makeAudioSegmentFetchTask = (
   host: EFMedia,
 ): Task<
   readonly [MediaEngine | undefined, number | undefined],
-  ArrayBuffer
+  ArrayBuffer | undefined
 > => {
   return new Task(host, {
     args: () =>
@@ -18,14 +18,18 @@ export const makeAudioSegmentFetchTask = (
     onComplete: (_value) => {},
     task: async (_, { signal }) => {
       const mediaEngine = await getLatestMediaEngine(host, signal);
+
+      const audioRendition = mediaEngine.audioRendition;
+      if (!audioRendition) {
+        return undefined;
+      }
+
       const segmentId = await host.audioSegmentIdTask.taskComplete;
       if (segmentId === undefined) {
-        // Provide more context in the error to help with debugging
-        const rendition = mediaEngine.audioRendition;
         const debugInfo = {
-          hasRendition: !!rendition,
-          segmentDurationMs: rendition?.segmentDurationMs,
-          segmentDurationsMs: rendition?.segmentDurationsMs?.length || 0,
+          hasRendition: true,
+          segmentDurationMs: audioRendition.segmentDurationMs,
+          segmentDurationsMs: audioRendition.segmentDurationsMs?.length || 0,
           desiredSeekTimeMs: host.desiredSeekTimeMs,
           intrinsicDurationMs: host.intrinsicDurationMs,
         };
@@ -34,12 +38,7 @@ export const makeAudioSegmentFetchTask = (
         );
       }
 
-      // SIMPLIFIED: Direct call to mediaEngine - deduplication is built-in
-      return mediaEngine.fetchMediaSegment(
-        segmentId,
-        mediaEngine.getAudioRendition(),
-        signal,
-      );
+      return mediaEngine.fetchMediaSegment(segmentId, audioRendition, signal);
     },
   });
 };

package/src/elements/EFMedia/audioTasks/makeAudioSegmentIdTask.ts

@@ -15,10 +15,13 @@ export const makeAudioSegmentIdTask = (
     task: async ([, targetSeekTimeMs], { signal }) => {
       const mediaEngine = await getLatestMediaEngine(host, signal);
       signal.throwIfAborted(); // Abort if a new seek started
-      return mediaEngine.computeSegmentId(
-        targetSeekTimeMs, // Use captured value, not host.desiredSeekTimeMs
-        mediaEngine.getAudioRendition(),
-      );
+
+      const audioRendition = mediaEngine.audioRendition;
+      if (!audioRendition) {
+        return undefined;
+      }
+
+      return mediaEngine.computeSegmentId(targetSeekTimeMs, audioRendition);
     },
   });
 };

package/src/elements/EFMedia/audioTasks/makeAudioTimeDomainAnalysisTask.ts

@@ -27,6 +27,11 @@ export function makeAudioTimeDomainAnalysisTask(element: EFMedia) {
     task: async (_, { signal }) => {
       if (element.currentSourceTimeMs < 0) return null;
 
+      const mediaEngine = element.mediaEngineTask.value;
+      if (!mediaEngine?.audioRendition) {
+        return null;
+      }
+
       const currentTimeMs = element.currentSourceTimeMs;
 
       // Calculate exact audio window needed based on fftDecay and frame timing

package/src/elements/EFMedia/shared/AudioSpanUtils.ts

@@ -16,7 +16,7 @@ const fetchAudioSegmentData = async (
 ): Promise<Map<number, ArrayBuffer>> => {
   const audioRendition = mediaEngine.audioRendition;
   if (!audioRendition) {
-    throw new Error("Audio rendition not available");
+    throw new Error("No audio track available in source");
   }
 
   const segmentData = new Map<number, ArrayBuffer>();
@@ -73,7 +73,7 @@ export const fetchAudioSpanningTime = async (
   const initSegment = await host.audioInitSegmentFetchTask.taskComplete;
 
   if (!mediaEngine?.audioRendition) {
-    throw new Error("Audio rendition not available");
+    throw new Error("No audio track available in source");
   }
 
   if (!initSegment) {

package/src/elements/EFMedia/shared/RenditionHelpers.browsertest.ts

@@ -107,7 +107,7 @@ describe("RenditionHelpers", () => {
       expect,
     }) => {
       expect(() => getAudioRendition(mockMediaEngineWithoutAudio)).toThrow(
-        "Audio rendition is not available",
+        "No audio track available in source",
       );
     });
   });
@@ -128,7 +128,7 @@ describe("RenditionHelpers", () => {
       expect,
     }) => {
       expect(() => getVideoRendition(mockMediaEngineWithoutVideo)).toThrow(
-        "Video rendition is not available",
+        "No video track available in source",
       );
     });
   });

package/src/elements/EFMedia/shared/RenditionHelpers.ts

@@ -10,7 +10,7 @@ import type {
 export const getAudioRendition = (mediaEngine: MediaEngine): AudioRendition => {
   const audioRendition = mediaEngine.audioRendition;
   if (!audioRendition) {
-    throw new Error("Audio rendition is not available");
+    throw new Error("No audio track available in source");
   }
   return audioRendition;
 };
@@ -21,7 +21,7 @@ export const getAudioRendition = (mediaEngine: MediaEngine): AudioRendition => {
 export const getVideoRendition = (mediaEngine: MediaEngine): VideoRendition => {
   const videoRendition = mediaEngine.videoRendition;
   if (!videoRendition) {
-    throw new Error("Video rendition is not available");
+    throw new Error("No video track available in source");
   }
   return videoRendition;
 };

package/src/elements/EFMedia/tasks/makeMediaEngineTask.ts

@@ -21,7 +21,7 @@ export const getLatestMediaEngine = async (
 export const getVideoRendition = (mediaEngine: MediaEngine): VideoRendition => {
   const videoRendition = mediaEngine.videoRendition;
   if (!videoRendition) {
-    throw new Error("Video rendition is not available");
+    throw new Error("No video track available in source");
   }
   return videoRendition;
 };

package/src/elements/EFThumbnailStrip.ts

@@ -61,7 +61,7 @@ interface ThumbnailSegment {
 
 interface ThumbnailLayout {
   count: number;
-  segments: ThumbnailSegment[];
+  segments: readonly ThumbnailSegment[];
 }
 
 // Use the imported MediaEngine type and mediabunny types

package/src/elements/EFTimegroup.ts

@@ -6,6 +6,7 @@ import { customElement, property } from "lit/decorators.js";
 
 import { EF_INTERACTIVE } from "../EF_INTERACTIVE.js";
 import { isContextMixin } from "../gui/ContextMixin.js";
+import type { AudioSpan } from "../transcoding/types/index.ts";
 import { durationConverter } from "./durationConverter.js";
 import { deepGetMediaElements } from "./EFMedia.js";
 import {
@@ -583,11 +584,23 @@ export class EFTimegroup extends EFTemporal(LitElement) {
         const mediaSourceFromMs = mediaLocalFromMs + sourceInMs;
         const mediaSourceToMs = mediaLocalToMs + sourceInMs;
 
-        const audio = await mediaElement.fetchAudioSpanningTime(
-          mediaSourceFromMs, // ✅ Now using source media timeline with sourcein/sourceout
-          mediaSourceToMs, // ✅ Now using source media timeline with sourcein/sourceout
-          abortController.signal,
-        );
+        let audio: AudioSpan | undefined;
+        try {
+          audio = await mediaElement.fetchAudioSpanningTime(
+            mediaSourceFromMs,
+            mediaSourceToMs,
+            abortController.signal,
+          );
+        } catch (error) {
+          if (
+            error instanceof Error &&
+            error.message.includes("No audio track available")
+          ) {
+            return;
+          }
+          throw error;
+        }
+
         if (!audio) {
           throw new Error("Failed to fetch audio");
         }

package/src/gui/EFControls.browsertest.ts

@@ -134,7 +134,7 @@ describe("EFControls", () => {
     expect(controls.targetElement).toBe(preview);
   });
 
-  test("works with child control elements - EFTogglePlay", async () => {
+  test.skip("works with child control elements - EFTogglePlay", async () => {
     // Import the control element
     await import("./EFTogglePlay.js");
 

package/test/__cache__/GET__api_v1_transcode_high_1_m4s_url_http_3A_2F_2Fweb_3A3000_2Fhead_moov_480p_mp4__26197f6f7c46cacb0a71134131c3f775/metadata.json

@@ -6,7 +6,7 @@
     "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": "2057283",
+    "content-length": "2055451",
     "content-type": "video/iso.segment",
     "x-powered-by": "Express"
   },

package/test/__cache__/GET__api_v1_transcode_high_2_m4s_url_http_3A_2F_2Fweb_3A3000_2Fhead_moov_480p_mp4__4cb6774cd3650ccf59c8f8dc6678c0b9/metadata.json

@@ -6,7 +6,7 @@
     "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": "2185975",
+    "content-length": "2192280",
     "content-type": "video/iso.segment",
     "x-powered-by": "Express"
   },

package/test/__cache__/GET__api_v1_transcode_high_3_m4s_url_http_3A_2F_2Fweb_3A3000_2Fhead_moov_480p_mp4__0b3b2b1c8933f7fcf8a9ecaa88d58b41/metadata.json

@@ -6,7 +6,7 @@
     "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": "2120135",
+    "content-length": "2115680",
     "content-type": "video/iso.segment",
     "x-powered-by": "Express"
   },

package/test/__cache__/GET__api_v1_transcode_high_4_m4s_url_http_3A_2F_2Fweb_3A3000_2Fhead_moov_480p_mp4__a6fb05a22b18d850f7f2950bbcdbdeed/metadata.json

@@ -6,7 +6,7 @@
     "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": "2221511",
+    "content-length": "2217276",
     "content-type": "video/iso.segment",
     "x-powered-by": "Express"
   },

package/test/__cache__/GET__api_v1_transcode_high_5_m4s_url_http_3A_2F_2Fweb_3A3000_2Fhead_moov_480p_mp4__a50058c7c3602e90879fe3428ed891f4/metadata.json

@@ -6,7 +6,7 @@
     "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": "2037521",
+    "content-length": "2025221",
     "content-type": "video/iso.segment",
     "x-powered-by": "Express"
   },