@editframe/elements 0.7.0-beta.1 → 0.7.0-beta.5

package/dist/lib/av/EncodedAsset.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const MP4Box = require("mp4box");
+const debug = require("debug");
 const memoize = require("../util/memoize.cjs");
 const MP4File = require("./MP4File.cjs");
 function _interopNamespaceDefault(e) {
@@ -30,6 +31,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (result) __defProp(target, key, result);
   return result;
 };
+const log = debug("ef:av");
 const BUFFER_SIZE = 10;
 class AssetNotAvailableLocally extends Error {
 }
@@ -84,12 +86,14 @@ const _VideoAsset = class _VideoAsset2 extends ISOFileAsset {
       // eslint-disable-next-line @typescript-eslint/no-misused-promises
       output: async (decodedFrame) => {
         const clone = decodedFrame.clone();
+        log("🖼️ frame cts=", decodedFrame.timestamp);
         this.decodedFrames.push(clone);
         this.pruneBuffer();
         decodedFrame.close();
         this.outCursor = this.samples.findIndex(
           (sample) => sample.cts === decodedFrame.timestamp
         );
+        log(`cursor=${this.sampleCursor} outCursor=${this.outCursor}`);
         this.emit("frame", clone);
       }
     });
@@ -191,19 +195,6 @@ const _VideoAsset = class _VideoAsset2 extends ISOFileAsset {
       this.decodedFrames.shift()?.close();
     }
   }
-  prettyPrint() {
-    const samplesInEncoder = this.sampleCursor - this.outCursor;
-    const cachedSamples = this.decodedFrames.length;
-    console.log(
-      Array.from({
-        length: this.sampleCursor - samplesInEncoder - cachedSamples
-      }).fill("⬜️").join(" "),
-      Array.from({ length: cachedSamples }).fill("🟩").join(" "),
-      Array.from({
-        length: samplesInEncoder
-      }).fill("🟨").join(" ")
-    );
-  }
   get editsOffset() {
     if (!this.defaultVideoTrack?.edits) {
       return 0;
@@ -251,6 +242,7 @@ const _VideoAsset = class _VideoAsset2 extends ISOFileAsset {
     for (let i = start; i <= end; i++) {
       await this.waitUntilVideoQueueDrained();
       const sample = this.getSample(i);
+      log("Decoding sample #", i, `cts=${sample.cts}`);
       const sampleStart = sample.offset - firstSampleOffset;
       const sampleEnd = sample.offset + sample.size - firstSampleOffset;
       const chunk = new EncodedVideoChunk({
@@ -262,6 +254,7 @@ const _VideoAsset = class _VideoAsset2 extends ISOFileAsset {
       this.videoDecoder.decode(chunk);
       const nextSample = this.defaultVideoTrak?.samples?.[i + 1];
       if (nextSample === void 0) {
+        log("ENDFLUSH");
         await this.videoDecoder.flush();
       }
     }
@@ -304,6 +297,7 @@ const _VideoAsset = class _VideoAsset2 extends ISOFileAsset {
     if (this.videoDecoder.state === "configured") {
       this.videoDecoder.reset();
     }
+    log("Attempting to configure decoder", this.decoderConfiguration);
     this.videoDecoder.configure(this.decoderConfiguration);
   }
   // Default to -1 to throw error if called without an index
@@ -374,12 +368,24 @@ const _VideoAsset = class _VideoAsset2 extends ISOFileAsset {
       (frame) => frame.timestamp === targetSample.cts
     );
     const atEnd = this.sampleCursor === this.samples.length - 1;
+    log(
+      "this.outCursor <= targetSample.number",
+      this.outCursor <= targetSample.number
+    );
+    log("this.outCursor <= targetIndex", this.outCursor <= targetIndex);
     if (atEnd) {
       return false;
     }
     if (targetInCache) {
       return false;
     }
+    log("========");
+    log("sampleCursor", this.sampleCursor);
+    log("   outCursor", this.outCursor);
+    log("      target", targetSample.number);
+    log(" targetIndex", targetIndex);
+    log("     inCache", !!targetInCache);
+    log("       atEnd", atEnd);
     return this.outCursor > targetIndex;
   }
   async seekToTime(seconds) {
@@ -404,7 +410,7 @@ const _VideoAsset = class _VideoAsset2 extends ISOFileAsset {
       this.sampleCursor = syncSampleNumber;
     }
     if (this.seekingWillGoBackwards(seconds)) {
-      console.log("BACKWARDS FLUSH");
+      log("BACKWARDS FLUSH");
       await this.videoDecoder.flush();
       for (const frame2 of this.decodedFrames) {
         frame2.close();
@@ -424,6 +430,7 @@ const _VideoAsset = class _VideoAsset2 extends ISOFileAsset {
       if (frame) {
         return;
       }
+      log("Maybe frame", _frame.timestamp, cts);
       if (_frame.timestamp === cts) {
         this.removeEventListener("frame", maybeFrame);
         frame = _frame;

package/dist/lib/av/EncodedAsset.js

@@ -1,4 +1,5 @@
 import * as MP4Box from "mp4box";
+import debug from "debug";
 import { memoize } from "../util/memoize.js";
 import { MP4File } from "./MP4File.js";
 var __defProp = Object.defineProperty;
@@ -11,6 +12,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (result) __defProp(target, key, result);
   return result;
 };
+const log = debug("ef:av");
 const BUFFER_SIZE = 10;
 class AssetNotAvailableLocally extends Error {
 }
@@ -65,12 +67,14 @@ const _VideoAsset = class _VideoAsset2 extends ISOFileAsset {
       // eslint-disable-next-line @typescript-eslint/no-misused-promises
       output: async (decodedFrame) => {
         const clone = decodedFrame.clone();
+        log("🖼️ frame cts=", decodedFrame.timestamp);
         this.decodedFrames.push(clone);
         this.pruneBuffer();
         decodedFrame.close();
         this.outCursor = this.samples.findIndex(
           (sample) => sample.cts === decodedFrame.timestamp
         );
+        log(`cursor=${this.sampleCursor} outCursor=${this.outCursor}`);
         this.emit("frame", clone);
       }
     });
@@ -172,19 +176,6 @@ const _VideoAsset = class _VideoAsset2 extends ISOFileAsset {
       this.decodedFrames.shift()?.close();
     }
   }
-  prettyPrint() {
-    const samplesInEncoder = this.sampleCursor - this.outCursor;
-    const cachedSamples = this.decodedFrames.length;
-    console.log(
-      Array.from({
-        length: this.sampleCursor - samplesInEncoder - cachedSamples
-      }).fill("⬜️").join(" "),
-      Array.from({ length: cachedSamples }).fill("🟩").join(" "),
-      Array.from({
-        length: samplesInEncoder
-      }).fill("🟨").join(" ")
-    );
-  }
   get editsOffset() {
     if (!this.defaultVideoTrack?.edits) {
       return 0;
@@ -232,6 +223,7 @@ const _VideoAsset = class _VideoAsset2 extends ISOFileAsset {
     for (let i = start; i <= end; i++) {
       await this.waitUntilVideoQueueDrained();
       const sample = this.getSample(i);
+      log("Decoding sample #", i, `cts=${sample.cts}`);
       const sampleStart = sample.offset - firstSampleOffset;
       const sampleEnd = sample.offset + sample.size - firstSampleOffset;
       const chunk = new EncodedVideoChunk({
@@ -243,6 +235,7 @@ const _VideoAsset = class _VideoAsset2 extends ISOFileAsset {
       this.videoDecoder.decode(chunk);
       const nextSample = this.defaultVideoTrak?.samples?.[i + 1];
       if (nextSample === void 0) {
+        log("ENDFLUSH");
         await this.videoDecoder.flush();
       }
     }
@@ -285,6 +278,7 @@ const _VideoAsset = class _VideoAsset2 extends ISOFileAsset {
     if (this.videoDecoder.state === "configured") {
       this.videoDecoder.reset();
     }
+    log("Attempting to configure decoder", this.decoderConfiguration);
     this.videoDecoder.configure(this.decoderConfiguration);
   }
   // Default to -1 to throw error if called without an index
@@ -355,12 +349,24 @@ const _VideoAsset = class _VideoAsset2 extends ISOFileAsset {
       (frame) => frame.timestamp === targetSample.cts
     );
     const atEnd = this.sampleCursor === this.samples.length - 1;
+    log(
+      "this.outCursor <= targetSample.number",
+      this.outCursor <= targetSample.number
+    );
+    log("this.outCursor <= targetIndex", this.outCursor <= targetIndex);
     if (atEnd) {
       return false;
     }
     if (targetInCache) {
       return false;
     }
+    log("========");
+    log("sampleCursor", this.sampleCursor);
+    log("   outCursor", this.outCursor);
+    log("      target", targetSample.number);
+    log(" targetIndex", targetIndex);
+    log("     inCache", !!targetInCache);
+    log("       atEnd", atEnd);
     return this.outCursor > targetIndex;
   }
   async seekToTime(seconds) {
@@ -385,7 +391,7 @@ const _VideoAsset = class _VideoAsset2 extends ISOFileAsset {
       this.sampleCursor = syncSampleNumber;
     }
     if (this.seekingWillGoBackwards(seconds)) {
-      console.log("BACKWARDS FLUSH");
+      log("BACKWARDS FLUSH");
       await this.videoDecoder.flush();
       for (const frame2 of this.decodedFrames) {
         frame2.close();
@@ -405,6 +411,7 @@ const _VideoAsset = class _VideoAsset2 extends ISOFileAsset {
       if (frame) {
         return;
       }
+      log("Maybe frame", _frame.timestamp, cts);
       if (_frame.timestamp === cts) {
         this.removeEventListener("frame", maybeFrame);
         frame = _frame;

package/dist/lib/av/MP4File.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const MP4Box = require("mp4box");
+const debug = require("debug");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -18,6 +19,7 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const MP4Box__namespace = /* @__PURE__ */ _interopNamespaceDefault(MP4Box);
+const log = debug("ef:av:mp4file");
 class MP4File extends MP4Box__namespace.ISOFile {
   constructor() {
     super(...arguments);
@@ -114,7 +116,7 @@ class MP4File extends MP4Box__namespace.ISOFile {
               fragTrak.segmentStream
             );
           } catch (error) {
-            console.log("Failed to createFragment", error);
+            console.error("Failed to createFragment", error);
           }
           if (result) {
             fragTrak.segmentStream = result;
@@ -140,6 +142,9 @@ class MP4File extends MP4Box__namespace.ISOFile {
             if (trak.nextSample >= trak.samples.length) {
               trackInfoForFrag.complete = true;
             }
+            log(
+              `Yielding fragment #${trackInfoForFrag.index} for track=${fragTrak.id}`
+            );
             const startSample = fragmentStartSamples[fragTrak.id];
             const endSample = trak.samples[trak.nextSample - 1];
             if (!startSample || !endSample) {

package/dist/lib/av/MP4File.js

@@ -1,4 +1,6 @@
 import * as MP4Box from "mp4box";
+import debug from "debug";
+const log = debug("ef:av:mp4file");
 class MP4File extends MP4Box.ISOFile {
   constructor() {
     super(...arguments);
@@ -95,7 +97,7 @@ class MP4File extends MP4Box.ISOFile {
               fragTrak.segmentStream
             );
           } catch (error) {
-            console.log("Failed to createFragment", error);
+            console.error("Failed to createFragment", error);
           }
           if (result) {
             fragTrak.segmentStream = result;
@@ -121,6 +123,9 @@ class MP4File extends MP4Box.ISOFile {
             if (trak.nextSample >= trak.samples.length) {
               trackInfoForFrag.complete = true;
             }
+            log(
+              `Yielding fragment #${trackInfoForFrag.index} for track=${fragTrak.id}`
+            );
             const startSample = fragmentStartSamples[fragTrak.id];
             const endSample = trak.samples[trak.nextSample - 1];
             if (!startSample || !endSample) {

package/dist/packages/elements/src/EF_FRAMEGEN.cjs

@@ -1,9 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const debug = require("debug");
 const task = require("@lit/task");
 const awaitMicrotask = require("../../../lib/util/awaitMicrotask.cjs");
 const EFTemporal = require("./elements/EFTemporal.cjs");
 const EFTimegroup = require("./elements/EFTimegroup.cjs");
+const log = debug("ef:elements:EF_FRAMEGEN");
 class TriggerCanvas {
   constructor() {
     this.canvas = document.createElement("canvas");
@@ -24,7 +26,7 @@ class TriggerCanvas {
     this.ctx.fillStyle = "black";
   }
   trigger() {
-    console.log("TRIGGERING CANVAS");
+    log("TRIGGERING CANVAS");
     this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
   }
 }
@@ -40,9 +42,6 @@ class EfFramegen {
       this.connectToBridge();
     }
   }
-  log(...args) {
-    console.log("[EF_FRAMEGEN]", ...args);
-  }
   trace(...args) {
     console.trace("[EF_FRAMEGEN]", ...args);
   }
@@ -52,12 +51,12 @@ class EfFramegen {
       throw new Error("No BRIDGE when attempting to connect to bridge");
     }
     BRIDGE.onInitialize(async (renderId, renderOptions) => {
-      this.log("BRIDGE.onInitialize", renderId, renderOptions);
+      log("BRIDGE.onInitialize", renderId, renderOptions);
       await this.initialize(renderId, renderOptions);
       BRIDGE.initialized(renderId);
     });
     BRIDGE.onBeginFrame((renderId, frameNumber, isLast) => {
-      this.log("BRIDGE.onBeginFrame", renderId, frameNumber, isLast);
+      log("BRIDGE.onBeginFrame", renderId, frameNumber, isLast);
       this.beginFrame(renderId, frameNumber, isLast);
     });
   }
@@ -111,7 +110,7 @@ class EfFramegen {
       // renderOptions.encoderOptions.fromMs,
       // renderOptions.encoderOptions.toMs,
     );
-    this.log("Initialized");
+    log("Initialized");
   }
   async beginFrame(renderId, frameNumber, isLast) {
     if (this.renderOptions === void 0) {
@@ -136,20 +135,18 @@ class EfFramegen {
     }
     this.time = this.renderOptions.encoderOptions.fromMs + frameNumber * this.frameDurationMs;
     firstGroup.currentTimeMs = this.time;
-    console.log("Awaiting initialBusyTasks");
+    log("Awaiting initialBusyTasks");
     await this.initialBusyTasks;
-    console.log("Awaiting microtask");
+    log("Awaiting microtask");
     await awaitMicrotask.awaitMicrotask();
-    console.log("Awaiting frame tasks");
+    log("Awaiting frame tasks");
     const now = performance.now();
     await Promise.all(
       temporals.filter((temporal) => temporal.frameTask.status < task.TaskStatus.COMPLETE).map((temporal) => {
         return temporal.frameTask;
       }).map((task2) => task2.taskComplete)
     );
-    console.log(
-      `frame:${frameNumber} All tasks complete ${performance.now() - now}ms`
-    );
+    log(`frame:${frameNumber} All tasks complete ${performance.now() - now}ms`);
     if (isLast && this.audioBufferPromise) {
       const renderedAudio = await this.audioBufferPromise;
       const channelCount = renderedAudio.numberOfChannels;

package/dist/packages/elements/src/EF_FRAMEGEN.d.ts

@@ -35,7 +35,6 @@ export declare class EfFramegen {
         error(renderId: string, error: Error): void;
     } | undefined;
     triggerCanvas: TriggerCanvas;
-    log(...args: any[]): void;
     trace(...args: any[]): void;
     constructor();
     connectToBridge(): void;

package/dist/packages/elements/src/EF_FRAMEGEN.js

@@ -1,7 +1,9 @@
+import debug from "debug";
 import { TaskStatus } from "@lit/task";
 import { awaitMicrotask } from "../../../lib/util/awaitMicrotask.js";
 import { deepGetElementsWithFrameTasks } from "./elements/EFTemporal.js";
 import { shallowGetTimegroups } from "./elements/EFTimegroup.js";
+const log = debug("ef:elements:EF_FRAMEGEN");
 class TriggerCanvas {
   constructor() {
     this.canvas = document.createElement("canvas");
@@ -22,7 +24,7 @@ class TriggerCanvas {
     this.ctx.fillStyle = "black";
   }
   trigger() {
-    console.log("TRIGGERING CANVAS");
+    log("TRIGGERING CANVAS");
     this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
   }
 }
@@ -38,9 +40,6 @@ class EfFramegen {
       this.connectToBridge();
     }
   }
-  log(...args) {
-    console.log("[EF_FRAMEGEN]", ...args);
-  }
   trace(...args) {
     console.trace("[EF_FRAMEGEN]", ...args);
   }
@@ -50,12 +49,12 @@ class EfFramegen {
       throw new Error("No BRIDGE when attempting to connect to bridge");
     }
     BRIDGE.onInitialize(async (renderId, renderOptions) => {
-      this.log("BRIDGE.onInitialize", renderId, renderOptions);
+      log("BRIDGE.onInitialize", renderId, renderOptions);
       await this.initialize(renderId, renderOptions);
       BRIDGE.initialized(renderId);
     });
     BRIDGE.onBeginFrame((renderId, frameNumber, isLast) => {
-      this.log("BRIDGE.onBeginFrame", renderId, frameNumber, isLast);
+      log("BRIDGE.onBeginFrame", renderId, frameNumber, isLast);
       this.beginFrame(renderId, frameNumber, isLast);
     });
   }
@@ -109,7 +108,7 @@ class EfFramegen {
       // renderOptions.encoderOptions.fromMs,
       // renderOptions.encoderOptions.toMs,
     );
-    this.log("Initialized");
+    log("Initialized");
   }
   async beginFrame(renderId, frameNumber, isLast) {
     if (this.renderOptions === void 0) {
@@ -134,20 +133,18 @@ class EfFramegen {
     }
     this.time = this.renderOptions.encoderOptions.fromMs + frameNumber * this.frameDurationMs;
     firstGroup.currentTimeMs = this.time;
-    console.log("Awaiting initialBusyTasks");
+    log("Awaiting initialBusyTasks");
     await this.initialBusyTasks;
-    console.log("Awaiting microtask");
+    log("Awaiting microtask");
     await awaitMicrotask();
-    console.log("Awaiting frame tasks");
+    log("Awaiting frame tasks");
     const now = performance.now();
     await Promise.all(
       temporals.filter((temporal) => temporal.frameTask.status < TaskStatus.COMPLETE).map((temporal) => {
         return temporal.frameTask;
       }).map((task) => task.taskComplete)
     );
-    console.log(
-      `frame:${frameNumber} All tasks complete ${performance.now() - now}ms`
-    );
+    log(`frame:${frameNumber} All tasks complete ${performance.now() - now}ms`);
     if (isLast && this.audioBufferPromise) {
       const renderedAudio = await this.audioBufferPromise;
       const channelCount = renderedAudio.numberOfChannels;

package/dist/packages/elements/src/elements/EFMedia.cjs

@@ -1,17 +1,18 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const lit = require("lit");
-const EFTemporal = require("./EFTemporal.cjs");
 const decorators_js = require("lit/decorators.js");
 const deepEquals_js = require("@lit/task/deep-equals.js");
 const task = require("@lit/task");
+const context = require("@lit/context");
+const debug = require("debug");
 const MP4File = require("../../../../lib/av/MP4File.cjs");
-const util = require("./util.cjs");
+const EFTemporal = require("./EFTemporal.cjs");
 const EncodedAsset = require("../../../../lib/av/EncodedAsset.cjs");
 const FetchMixin = require("./FetchMixin.cjs");
 const EFWorkbench = require("../gui/EFWorkbench.cjs");
-const context = require("@lit/context");
 const EFSourceMixin = require("./EFSourceMixin.cjs");
+const util = require("./util.cjs");
 const EF_INTERACTIVE = require("../EF_INTERACTIVE.cjs");
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -22,6 +23,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (result) __defProp(target, key, result);
   return result;
 };
+const log = debug("ef:elements:EFMedia");
 const deepGetMediaElements = (element, medias = []) => {
   for (const child of Array.from(element.children)) {
     if (child instanceof EFMedia) {
@@ -265,12 +267,12 @@ class EFMedia extends EFSourceMixin.EFSourceMixin(EFTemporal.EFTemporal(FetchMix
     await this.trackFragmentIndexLoader.taskComplete;
     const audioTrackId = this.defaultAudioTrackId;
     if (!audioTrackId) {
-      console.warn("No audio track found");
+      log("No audio track found");
       return;
     }
     const audioTrackIndex = this.trackFragmentIndexLoader.value?.[audioTrackId];
     if (!audioTrackIndex) {
-      console.warn("No audio track found");
+      log("No audio track found");
       return;
     }
     const start = audioTrackIndex.initSegment.offset;
@@ -290,12 +292,12 @@ class EFMedia extends EFSourceMixin.EFSourceMixin(EFTemporal.EFTemporal(FetchMix
     );
     const firstFragment = fragments[0];
     if (!firstFragment) {
-      console.warn("No audio fragments found");
+      log("No audio fragments found");
       return;
     }
     const lastFragment = fragments[fragments.length - 1];
     if (!lastFragment) {
-      console.warn("No audio fragments found");
+      log("No audio fragments found");
       return;
     }
     const fragmentStart = firstFragment.offset;

package/dist/packages/elements/src/elements/EFMedia.d.ts

@@ -1,7 +1,7 @@
 import { LitElement, PropertyValueMap } from 'lit';
 import { Task } from '@lit/task';
-import { MP4File } from '../../../../lib/av/MP4File';
 import { TrackFragmentIndex, TrackSegment } from '../../../assets/src';
+import { MP4File } from '../../../../lib/av/MP4File';
 import { VideoAsset } from '../../../../lib/av/EncodedAsset';
 
 import type * as MP4Box from "mp4box";

package/dist/packages/elements/src/elements/EFMedia.js

@@ -1,15 +1,16 @@
 import { css, LitElement } from "lit";
-import { EFTemporal } from "./EFTemporal.js";
 import { property, state } from "lit/decorators.js";
 import { deepArrayEquals } from "@lit/task/deep-equals.js";
 import { Task } from "@lit/task";
+import { consume } from "@lit/context";
+import debug from "debug";
 import { MP4File } from "../../../../lib/av/MP4File.js";
-import { getStartTimeMs } from "./util.js";
+import { EFTemporal } from "./EFTemporal.js";
 import { VideoAsset } from "../../../../lib/av/EncodedAsset.js";
 import { FetchMixin } from "./FetchMixin.js";
 import { apiHostContext } from "../gui/EFWorkbench.js";
-import { consume } from "@lit/context";
 import { EFSourceMixin } from "./EFSourceMixin.js";
+import { getStartTimeMs } from "./util.js";
 import { EF_INTERACTIVE } from "../EF_INTERACTIVE.js";
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -20,6 +21,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (result) __defProp(target, key, result);
   return result;
 };
+const log = debug("ef:elements:EFMedia");
 const deepGetMediaElements = (element, medias = []) => {
   for (const child of Array.from(element.children)) {
     if (child instanceof EFMedia) {
@@ -263,12 +265,12 @@ class EFMedia extends EFSourceMixin(EFTemporal(FetchMixin(LitElement)), {
     await this.trackFragmentIndexLoader.taskComplete;
     const audioTrackId = this.defaultAudioTrackId;
     if (!audioTrackId) {
-      console.warn("No audio track found");
+      log("No audio track found");
       return;
     }
     const audioTrackIndex = this.trackFragmentIndexLoader.value?.[audioTrackId];
     if (!audioTrackIndex) {
-      console.warn("No audio track found");
+      log("No audio track found");
       return;
     }
     const start = audioTrackIndex.initSegment.offset;
@@ -288,12 +290,12 @@ class EFMedia extends EFSourceMixin(EFTemporal(FetchMixin(LitElement)), {
     );
     const firstFragment = fragments[0];
     if (!firstFragment) {
-      console.warn("No audio fragments found");
+      log("No audio fragments found");
       return;
     }
     const lastFragment = fragments[fragments.length - 1];
     if (!lastFragment) {
-      console.warn("No audio fragments found");
+      log("No audio fragments found");
       return;
     }
     const fragmentStart = firstFragment.offset;

package/dist/packages/elements/src/elements/EFTemporal.cjs

@@ -106,8 +106,7 @@ const EFTemporal = (superClass) => {
     // Defining this as a getter to a private property allows us to
     // override it classes that include this mixin.
     get durationMs() {
-      const durationMs = this._durationMs || this.parentTimegroup?.durationMs || 0;
-      return durationMs || 0;
+      return this._durationMs || this.parentTimegroup?.durationMs || 0;
     }
     get offsetMs() {
       return this._offsetMs || 0;
@@ -133,7 +132,9 @@ const EFTemporal = (superClass) => {
       switch (parentTimegroup.mode) {
         case "sequence": {
           const siblingTemorals = shallowGetTemporalElements(parentTimegroup);
-          const ownIndex = siblingTemorals.indexOf(this);
+          const ownIndex = siblingTemorals.indexOf(
+            this
+          );
           if (ownIndex === 0) {
             return parentTimegroup.startTimeMs;
           }

package/dist/packages/elements/src/elements/EFTemporal.d.ts

@@ -12,6 +12,8 @@ export declare class TemporalMixinInterface {
     get startTimeWithinParentMs(): number;
     get endTimeMs(): number;
     get ownCurrentTimeMs(): number;
+    set duration(value: string);
+    get duration(): string;
     parentTimegroup?: EFTimegroup;
     rootTimegroup?: EFTimegroup;
     frameTask: Task<readonly unknown[], unknown>;

package/dist/packages/elements/src/elements/EFTemporal.js

@@ -104,8 +104,7 @@ const EFTemporal = (superClass) => {
     // Defining this as a getter to a private property allows us to
     // override it classes that include this mixin.
     get durationMs() {
-      const durationMs = this._durationMs || this.parentTimegroup?.durationMs || 0;
-      return durationMs || 0;
+      return this._durationMs || this.parentTimegroup?.durationMs || 0;
     }
     get offsetMs() {
       return this._offsetMs || 0;
@@ -131,7 +130,9 @@ const EFTemporal = (superClass) => {
       switch (parentTimegroup.mode) {
         case "sequence": {
           const siblingTemorals = shallowGetTemporalElements(parentTimegroup);
-          const ownIndex = siblingTemorals.indexOf(this);
+          const ownIndex = siblingTemorals.indexOf(
+            this
+          );
           if (ownIndex === 0) {
             return parentTimegroup.startTimeMs;
           }