@omnimedia/omnitool 1.1.0-4 → 1.1.0-7

package/x/timeline/parts/compositor/parts/tree-builder.js

@@ -0,0 +1,147 @@
+import { Kind } from "../../item.js";
+import { I6, mul6, transformToMat6 } from "../../../utils/matrix.js";
+const requireItem = (items, id) => items.get(id);
+export const getWorldMat6 = (items, item, parent) => {
+    let world = parent ?? I6;
+    if (item.spatialId) {
+        const spatial = requireItem(items, item.spatialId);
+        const local = transformToMat6(spatial.transform);
+        world = mul6(local, world);
+    }
+    return world;
+};
+export class TreeBuilder {
+    items;
+    sampler;
+    constructor(items, sampler) {
+        this.items = items;
+        this.sampler = sampler;
+    }
+    async build(root, parentMatrix) {
+        switch (root.kind) {
+            case Kind.Video: return this.sampler.video(root, getWorldMat6(this.items, root, parentMatrix));
+            case Kind.Audio: return this.sampler.audio(root);
+            case Kind.Text: {
+                const matrix = getWorldMat6(this.items, root, parentMatrix);
+                return {
+                    duration: Infinity,
+                    visuals: {
+                        sampleAt: async () => [{ kind: "text", content: root.content, color: "white", fontSize: 48, matrix }]
+                    }
+                };
+            }
+            case Kind.Gap: return {
+                duration: root.duration,
+                visuals: {
+                    sampleAt: async () => []
+                }
+            };
+            case Kind.Stack: {
+                const matrix = getWorldMat6(this.items, root, parentMatrix);
+                const children = await Promise.all(root.childrenIds.map(id => this.build(requireItem(this.items, id), matrix)));
+                return this.#composeStack(children);
+            }
+            case Kind.Sequence: {
+                const matrix = getWorldMat6(this.items, root, parentMatrix);
+                return this.#composeSequence(root, matrix);
+            }
+            default: return { duration: 0 };
+        }
+    }
+    // Visual composition is the same for both builders, so it lives here.
+    #composeVisuals_Stack(children) {
+        return {
+            sampleAt: async (time) => {
+                const layers = await Promise.all(children.map(c => c.visuals ? c.visuals.sampleAt(time) : Promise.resolve([])));
+                return layers.flat();
+            }
+        };
+    }
+    #composeVisuals_Sequence(children) {
+        return {
+            sampleAt: async (time) => {
+                let localTime = time;
+                for (const child of children) {
+                    if (localTime < child.duration)
+                        return child.visuals ? child.visuals.sampleAt(localTime) : [];
+                    localTime -= child.duration;
+                }
+                return [];
+            }
+        };
+    }
+    #composeStack(children) {
+        const duration = Math.max(0, ...children.map(k => (Number.isFinite(k.duration) ? k.duration : 0)));
+        return {
+            duration,
+            visuals: this.#composeVisuals_Stack(children),
+            audio: this.composeAudio_Stack(children),
+        };
+    }
+    async #composeSequence(sequence, parentMatrix) {
+        const childItems = sequence.childrenIds.map(id => requireItem(this.items, id));
+        const children = await this.#processChildren(childItems, parentMatrix);
+        const duration = children.reduce((a, k) => a + k.duration, 0);
+        return {
+            duration,
+            visuals: this.#composeVisuals_Sequence(children),
+            audio: this.composeAudio_Sequence(children),
+        };
+    }
+    async #processChildren(childItems, parentMatrix) {
+        const processedNodes = [];
+        for (let i = 0; i < childItems.length; i++) {
+            const item = childItems[i];
+            if (item.kind !== Kind.Transition) {
+                processedNodes.push(await this.build(item, parentMatrix));
+                continue;
+            }
+            const outgoingNode = processedNodes.pop();
+            const incomingItem = childItems[i + 1];
+            if (!outgoingNode || !incomingItem || incomingItem.kind === Kind.Transition) {
+                if (outgoingNode)
+                    processedNodes.push(outgoingNode);
+                continue;
+            }
+            const incomingNode = await this.build(incomingItem, parentMatrix);
+            const transitionNode = await this.#createTransitionNode(item, outgoingNode, incomingNode);
+            processedNodes.push(transitionNode);
+            i++;
+        }
+        return processedNodes;
+    }
+    async #createTransitionNode(transitionItem, outgoingNode, incomingNode) {
+        const overlap = Math.max(0, Math.min(transitionItem.duration, outgoingNode.duration, incomingNode.duration));
+        const start = Math.max(0, outgoingNode.duration - overlap);
+        const combinedDuration = outgoingNode.duration + incomingNode.duration - overlap;
+        return {
+            duration: combinedDuration,
+            visuals: {
+                sampleAt: async (t) => {
+                    if (!outgoingNode.visuals || !incomingNode.visuals)
+                        return [];
+                    if (t < start)
+                        return outgoingNode.visuals.sampleAt(t);
+                    if (t < outgoingNode.duration) {
+                        const localTime = t - start;
+                        const progress = overlap > 0 ? (localTime / overlap) : 1;
+                        const from = await outgoingNode.visuals.sampleAt(t);
+                        const to = await incomingNode.visuals.sampleAt(localTime);
+                        if (!from[0]?.frame || !to[0]?.frame)
+                            return [];
+                        return [{
+                                kind: "transition",
+                                name: "circle",
+                                progress,
+                                from: from[0].frame,
+                                to: to[0].frame,
+                            }];
+                    }
+                    return incomingNode.visuals.sampleAt(t - outgoingNode.duration + overlap);
+                }
+            },
+            audio: this.composeAudio_Sequence([outgoingNode, incomingNode])
+        };
+    }
+}
+//# sourceMappingURL=tree-builder.js.map

package/x/timeline/parts/compositor/parts/tree-builder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-builder.js","sourceRoot":"","sources":["../../../../../s/timeline/parts/compositor/parts/tree-builder.ts"],"names":[],"mappings":"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"}

package/x/timeline/parts/compositor/parts/webcodecs-tree.d.ts

@@ -0,0 +1,3 @@
+import { Item } from "../../item.js";
+import { AudioStreamComponent, Node, WebcodecsSampler } from "./tree-builder.js";
+export declare function buildWebCodecsNodeTree(root: Item.Any, items: Map<number, Item.Any>, sampler: WebcodecsSampler): Promise<Node<AudioStreamComponent>>;

package/x/timeline/parts/compositor/parts/webcodecs-tree.js

@@ -0,0 +1,28 @@
+import { TreeBuilder } from "./tree-builder.js";
+class WebCodecsNodeBuilder extends TreeBuilder {
+    composeAudio_Stack(children) {
+        return {
+            getStream: async function* () {
+                for (const child of children) {
+                    if (child.audio)
+                        yield* child.audio.getStream();
+                }
+            }
+        };
+    }
+    composeAudio_Sequence(children) {
+        return {
+            getStream: async function* () {
+                for (const child of children) {
+                    if (child.audio)
+                        yield* child.audio.getStream();
+                }
+            }
+        };
+    }
+}
+export function buildWebCodecsNodeTree(root, items, sampler) {
+    const builder = new WebCodecsNodeBuilder(items, sampler);
+    return builder.build(root);
+}
+//# sourceMappingURL=webcodecs-tree.js.map

package/x/timeline/parts/compositor/parts/webcodecs-tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webcodecs-tree.js","sourceRoot":"","sources":["../../../../../s/timeline/parts/compositor/parts/webcodecs-tree.ts"],"names":[],"mappings":"AACA,OAAO,EAA+C,WAAW,EAAC,MAAM,mBAAmB,CAAA;AAE3F,MAAM,oBAAqB,SAAQ,WAAiC;IACnE,kBAAkB,CAAC,QAAsC;QACxD,OAAO;YACN,SAAS,EAAE,KAAK,SAAS,CAAC;gBACzB,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE,CAAC;oBAC9B,IAAI,KAAK,CAAC,KAAK;wBACd,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,EAAE,CAAA;gBAChC,CAAC;YACF,CAAC;SACD,CAAA;IACF,CAAC;IACD,qBAAqB,CAAC,QAAsC;QAC3D,OAAO;YACN,SAAS,EAAE,KAAK,SAAS,CAAC;gBACzB,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE,CAAC;oBAC9B,IAAI,KAAK,CAAC,KAAK;wBACd,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,EAAE,CAAA;gBAChC,CAAC;YACF,CAAC;SACD,CAAA;IACF,CAAC;CACD;AAED,MAAM,UAAU,sBAAsB,CAAC,IAAc,EAAE,KAA4B,EAAE,OAAyB;IAC7G,MAAM,OAAO,GAAG,IAAI,oBAAoB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAA;IACxD,OAAO,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;AAC3B,CAAC"}

package/x/timeline/parts/compositor/playback.d.ts

@@ -0,0 +1,19 @@
+import { TimelineFile } from "../basics.js";
+import { DecoderSource } from "../../../driver/fns/schematic.js";
+import { AudioPlaybackComponent, HTMLSampler, Node } from "./parts/tree-builder.js";
+type ResolveMedia = (hash: string) => DecoderSource;
+export declare class VideoPlayer {
+    #private;
+    canvas: HTMLCanvasElement;
+    private root;
+    private sampler;
+    private resolveMedia;
+    constructor(canvas: HTMLCanvasElement, root: Node<AudioPlaybackComponent>, sampler: HTMLSampler, resolveMedia?: ResolveMedia);
+    get context(): CanvasRenderingContext2D;
+    static create(timeline: TimelineFile): Promise<VideoPlayer>;
+    play(): Promise<void>;
+    pause(): void;
+    seek(time: number): Promise<void>;
+    setFPS(value: number): void;
+}
+export {};

package/x/timeline/parts/compositor/playback.js

@@ -0,0 +1,71 @@
+import { context } from "../../../context.js";
+import { realtime } from "./parts/schedulers.js";
+import { makeHtmlSampler } from "./samplers/html.js";
+import { buildHTMLNodeTree } from "./parts/html-tree.js";
+export class VideoPlayer {
+    canvas;
+    root;
+    sampler;
+    resolveMedia;
+    #controller = realtime(t => this.#tick(t));
+    constructor(canvas, root, sampler, resolveMedia = _hash => "/assets/temp/gl.mp4") {
+        this.canvas = canvas;
+        this.root = root;
+        this.sampler = sampler;
+        this.resolveMedia = resolveMedia;
+        this.#controller.setFPS(30);
+    }
+    get context() {
+        return this.canvas.getContext("2d");
+    }
+    static async create(timeline) {
+        const rootItem = new Map(timeline.items.map(i => [i.id, i])).get(timeline.rootId);
+        const items = new Map(timeline.items.map(i => [i.id, i]));
+        const sampler = makeHtmlSampler(() => "/assets/temp/gl.mp4");
+        const root = await buildHTMLNodeTree(rootItem, items, sampler);
+        const canvas = document.createElement("canvas");
+        canvas.width = 1920;
+        canvas.height = 1080;
+        return new this(canvas, root, sampler);
+    }
+    async #tick(t) {
+        const driver = await context.driver;
+        const dur = this.root.duration;
+        const tt = t > dur ? dur : t;
+        this.root.audio?.onTimeUpdate(tt);
+        for (const layer of await this.root.visuals?.sampleAt(tt) ?? []) {
+            const frame = await driver.composite(layer);
+            this.context.drawImage(frame, 0, 0);
+            frame.close();
+        }
+        if (t >= dur)
+            this.pause();
+    }
+    async play() {
+        if (!this.#controller.isPlaying()) {
+            this.sampler.setPaused(false);
+            this.#controller.play();
+        }
+    }
+    pause() {
+        if (this.#controller.isPlaying()) {
+            this.#controller.pause();
+            this.sampler.setPaused(true);
+        }
+    }
+    async seek(time) {
+        const driver = await context.driver;
+        this.pause();
+        this.#controller.seek(time);
+        this.root.audio?.onTimeUpdate(time);
+        for (const draw of await this.root.visuals?.sampleAt(time) ?? []) {
+            const frame = await driver.composite(draw);
+            this.context.drawImage(frame, 0, 0);
+            frame.close();
+        }
+    }
+    setFPS(value) {
+        this.#controller.setFPS(value);
+    }
+}
+//# sourceMappingURL=playback.js.map

package/x/timeline/parts/compositor/playback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"playback.js","sourceRoot":"","sources":["../../../../s/timeline/parts/compositor/playback.ts"],"names":[],"mappings":"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"}

package/x/timeline/parts/compositor/samplers/html.d.ts

@@ -0,0 +1,3 @@
+import { HTMLSampler } from "../parts/tree-builder.js";
+import { DecoderSource } from "../../../../driver/fns/schematic.js";
+export declare function makeHtmlSampler(resolveMedia: (hash: string) => DecoderSource): HTMLSampler;

package/x/timeline/parts/compositor/samplers/html.js

@@ -0,0 +1,106 @@
+const toUrl = (src) => (src instanceof Blob ? URL.createObjectURL(src) : String(src));
+export function makeHtmlSampler(resolveMedia) {
+    const videoElements = new Map();
+    const audioElements = new Map();
+    function getOrCreateVideoElement(clip) {
+        let video = videoElements.get(clip.id);
+        if (!video) {
+            video = document.createElement("video");
+            video.playsInline = true;
+            video.muted = true;
+            video.preload = "auto";
+            video.crossOrigin = "anonymous";
+            video.src = toUrl(resolveMedia(clip.mediaHash));
+            videoElements.set(clip.id, video);
+        }
+        return video;
+    }
+    function getOrCreateAudioElement(clip) {
+        let audio = audioElements.get(clip.id);
+        if (!audio) {
+            audio = document.createElement("audio");
+            audio.preload = "auto";
+            audio.crossOrigin = "anonymous";
+            audio.src = toUrl(resolveMedia(clip.mediaHash));
+            audio.volume = 0.2;
+            audioElements.set(clip.id, audio);
+        }
+        return audio;
+    }
+    let paused = true;
+    return {
+        async video(item, matrix) {
+            const video = getOrCreateVideoElement(item);
+            return {
+                duration: item.duration,
+                // if paused seek otherwise play
+                visuals: {
+                    sampleAt: async (t) => {
+                        if (t < 0 || t >= item.duration)
+                            return [];
+                        if (video.paused && paused) {
+                            await seek(video, t);
+                        }
+                        if (video.paused && !paused) {
+                            await video.play();
+                        }
+                        const frame = new VideoFrame(video);
+                        return frame ? [{ kind: "image", frame, matrix }] : [];
+                    }
+                }
+            };
+        },
+        async audio(item) {
+            const audio = getOrCreateAudioElement(item);
+            return {
+                duration: item.duration,
+                audio: {
+                    onTimeUpdate: async (time) => {
+                        const localTime = item.start + time;
+                        if (audio.paused && paused) {
+                            await seek(audio, localTime);
+                        }
+                        if (audio.paused && !paused) {
+                            await audio.play();
+                        }
+                        return [];
+                    }
+                }
+            };
+        },
+        async dispose() {
+            const elements = [...videoElements.values(), ...audioElements.values()];
+            for (const element of elements) {
+                element.pause();
+                if (element.src.startsWith("blob:"))
+                    URL.revokeObjectURL(element.src);
+                element.remove();
+            }
+            videoElements.clear();
+            audioElements.clear();
+        },
+        async setPaused(p) {
+            paused = p;
+            const elements = [...videoElements.values(), ...audioElements.values()];
+            for (const element of elements) {
+                if (p)
+                    element.pause();
+            }
+        },
+    };
+}
+function seek(media, time) {
+    return new Promise((resolve) => {
+        const onSeeked = () => {
+            media.removeEventListener("seeked", onSeeked);
+            resolve();
+        };
+        media.addEventListener("seeked", onSeeked);
+        if (media.fastSeek) {
+            media.fastSeek(time);
+        }
+        else
+            media.currentTime = time;
+    });
+}
+//# sourceMappingURL=html.js.map

package/x/timeline/parts/compositor/samplers/html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"html.js","sourceRoot":"","sources":["../../../../../s/timeline/parts/compositor/samplers/html.ts"],"names":[],"mappings":"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"}

package/x/timeline/parts/compositor/samplers/webcodecs.d.ts

@@ -0,0 +1,2 @@
+import { WebcodecsSampler } from "../parts/tree-builder.js";
+export declare function makeWebCodecsSampler(resolveMedia: (hash: string) => any): WebcodecsSampler;

package/x/timeline/parts/compositor/samplers/webcodecs.js

@@ -0,0 +1,55 @@
+import { context } from "../../../../context.js";
+import { VideoCursor } from "../../../utils/video-cursor.js";
+import { AudioStream } from "../../../utils/audio-stream.js";
+const toUs = (seconds) => Math.round(seconds * 1_000_000);
+export function makeWebCodecsSampler(resolveMedia) {
+    const videoCursors = new Map();
+    async function getCursorForVideo(videoItem) {
+        const existing = videoCursors.get(videoItem.id);
+        if (existing)
+            return existing;
+        const driver = await context.driver;
+        const source = resolveMedia(videoItem.mediaHash);
+        const video = driver.decodeVideo({ source });
+        const cursor = new VideoCursor(video.getReader());
+        videoCursors.set(videoItem.id, cursor);
+        return cursor;
+    }
+    return {
+        async video(item, matrix) {
+            const cursor = await getCursorForVideo(item);
+            const baseUs = toUs(item.start ?? 0);
+            return {
+                duration: item.duration,
+                visuals: {
+                    sampleAt: async (time) => {
+                        const frame = await cursor.atOrNear(baseUs + toUs(time));
+                        return frame ? [{ kind: "image", frame, matrix }] : [];
+                    }
+                }
+            };
+        },
+        async audio(item) {
+            return {
+                duration: item.duration,
+                audio: {
+                    getStream: async function* () {
+                        const driver = await context.driver;
+                        const source = resolveMedia(item.mediaHash);
+                        const startUs = item.start;
+                        const endUs = (item.start + item.duration);
+                        const audio = driver.decodeAudio({ source, start: startUs, end: endUs });
+                        const audioStream = new AudioStream(audio.getReader());
+                        yield* audioStream.stream();
+                    },
+                }
+            };
+        },
+        async dispose() {
+            const tasks = Array.from([...videoCursors.values()], c => c.cancel());
+            videoCursors.clear();
+            await Promise.all(tasks);
+        }
+    };
+}
+//# sourceMappingURL=webcodecs.js.map

package/x/timeline/parts/compositor/samplers/webcodecs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webcodecs.js","sourceRoot":"","sources":["../../../../../s/timeline/parts/compositor/samplers/webcodecs.ts"],"names":[],"mappings":"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"}

package/x/timeline/parts/item.d.ts

@@ -1,28 +1,52 @@
 import { Id, Hash } from "./basics.js";
+import { Transform } from "../types.js";
 export declare enum Kind {
     Sequence = 0,
     Stack = 1,
-    Clip = 2,
-    Text = 3,
-    Transition = 4
+    Video = 2,
+    Audio = 3,
+    Text = 4,
+    Gap = 5,
+    Spatial = 6,
+    Transition = 7
 }
 export declare enum Effect {
     Crossfade = 0
 }
 export declare namespace Item {
+    type Spatial = {
+        id: Id;
+        kind: Kind.Spatial;
+        transform: Transform;
+    };
+    type Gap = {
+        id: Id;
+        kind: Kind.Gap;
+        duration: number;
+    };
     type Sequence = {
         id: Id;
         kind: Kind.Sequence;
-        children: Id[];
+        childrenIds: Id[];
+        spatialId?: Id;
     };
     type Stack = {
         id: Id;
         kind: Kind.Stack;
-        children: Id[];
+        childrenIds: Id[];
+        spatialId?: Id;
+    };
+    type Video = {
+        id: Id;
+        kind: Kind.Video;
+        mediaHash: Hash;
+        start: number;
+        duration: number;
+        spatialId?: Id;
     };
-    type Clip = {
+    type Audio = {
         id: Id;
-        kind: Kind.Clip;
+        kind: Kind.Audio;
         mediaHash: Hash;
         start: number;
         duration: number;
@@ -31,6 +55,8 @@ export declare namespace Item {
         id: Id;
         kind: Kind.Text;
         content: string;
+        spatialId?: Id;
+        color: string;
     };
     type Transition = {
         id: Id;
@@ -38,5 +64,5 @@ export declare namespace Item {
         effect: Effect.Crossfade;
         duration: number;
     };
-    type Any = (Sequence | Stack | Clip | Text | Transition);
+    type Any = (Sequence | Stack | Video | Audio | Text | Gap | Transition | Spatial);
 }

package/x/timeline/parts/item.js

@@ -2,9 +2,12 @@ export var Kind;
 (function (Kind) {
     Kind[Kind["Sequence"] = 0] = "Sequence";
     Kind[Kind["Stack"] = 1] = "Stack";
-    Kind[Kind["Clip"] = 2] = "Clip";
-    Kind[Kind["Text"] = 3] = "Text";
-    Kind[Kind["Transition"] = 4] = "Transition";
+    Kind[Kind["Video"] = 2] = "Video";
+    Kind[Kind["Audio"] = 3] = "Audio";
+    Kind[Kind["Text"] = 4] = "Text";
+    Kind[Kind["Gap"] = 5] = "Gap";
+    Kind[Kind["Spatial"] = 6] = "Spatial";
+    Kind[Kind["Transition"] = 7] = "Transition";
 })(Kind || (Kind = {}));
 export var Effect;
 (function (Effect) {

package/x/timeline/parts/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../s/timeline/parts/item.ts"],"names":[],"mappings":"AAGA,MAAM,CAAN,IAAY,IAMX;AAND,WAAY,IAAI;IACf,uCAAQ,CAAA;IACR,iCAAK,CAAA;IACL,+BAAI,CAAA;IACJ,+BAAI,CAAA;IACJ,2CAAU,CAAA;AACX,CAAC,EANW,IAAI,KAAJ,IAAI,QAMf;AAED,MAAM,CAAN,IAAY,MAEX;AAFD,WAAY,MAAM;IACjB,6CAAS,CAAA;AACV,CAAC,EAFW,MAAM,KAAN,MAAM,QAEjB"}
+{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../s/timeline/parts/item.ts"],"names":[],"mappings":"AAIA,MAAM,CAAN,IAAY,IASX;AATD,WAAY,IAAI;IACf,uCAAQ,CAAA;IACR,iCAAK,CAAA;IACL,iCAAK,CAAA;IACL,iCAAK,CAAA;IACL,+BAAI,CAAA;IACJ,6BAAG,CAAA;IACH,qCAAO,CAAA;IACP,2CAAU,CAAA;AACX,CAAC,EATW,IAAI,KAAJ,IAAI,QASf;AAED,MAAM,CAAN,IAAY,MAEX;AAFD,WAAY,MAAM;IACjB,6CAAS,CAAA;AACV,CAAC,EAFW,MAAM,KAAN,MAAM,QAEjB"}

package/x/timeline/parts/media.d.ts

@@ -1,7 +1,10 @@
 import { Datafile } from "../utils/datafile.js";
 export declare class Media {
+    #private;
     datafile: Datafile;
     duration: number;
+    hasVideo: boolean;
+    hasAudio: boolean;
     constructor(datafile: Datafile);
     static analyze(datafile: Datafile): Promise<Media>;
 }

package/x/timeline/parts/media.js

@@ -1,13 +1,30 @@
+import { ALL_FORMATS, Input } from "mediabunny";
+import { loadDecoderSource } from "../../driver/utils/load-decoder-source.js";
 export class Media {
     datafile;
     duration = 0;
+    hasVideo = false;
+    hasAudio = false;
     constructor(datafile) {
         this.datafile = datafile;
     }
     static async analyze(datafile) {
         const media = new this(datafile);
         media.duration = 10;
+        const { video, audio } = await this.#has("/assets/temp/gl.mp4");
+        media.hasAudio = audio;
+        media.hasVideo = video;
         return media;
     }
+    static async #has(source) {
+        const input = new Input({
+            formats: ALL_FORMATS,
+            source: await loadDecoderSource(source)
+        });
+        return {
+            audio: !!(await input.getPrimaryAudioTrack()),
+            video: !!(await input.getPrimaryVideoTrack())
+        };
+    }
 }
 //# sourceMappingURL=media.js.map

package/x/timeline/parts/media.js.map

@@ -1 +1 @@
-{"version":3,"file":"media.js","sourceRoot":"","sources":["../../../s/timeline/parts/media.ts"],"names":[],"mappings":"AAGA,MAAM,OAAO,KAAK;IAEE;IADnB,QAAQ,GAAG,CAAC,CAAA;IACZ,YAAmB,QAAkB;QAAlB,aAAQ,GAAR,QAAQ,CAAU;IAAG,CAAC;IAEzC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,QAAkB;QACtC,MAAM,KAAK,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAA;QAChC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAA;QACnB,OAAO,KAAK,CAAA;IACb,CAAC;CACD"}
+{"version":3,"file":"media.js","sourceRoot":"","sources":["../../../s/timeline/parts/media.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,WAAW,EAAE,KAAK,EAAC,MAAM,YAAY,CAAA;AAI7C,OAAO,EAAC,iBAAiB,EAAC,MAAM,2CAA2C,CAAA;AAE3E,MAAM,OAAO,KAAK;IAKE;IAJnB,QAAQ,GAAG,CAAC,CAAA;IACZ,QAAQ,GAAG,KAAK,CAAA;IAChB,QAAQ,GAAG,KAAK,CAAA;IAEhB,YAAmB,QAAkB;QAAlB,aAAQ,GAAR,QAAQ,CAAU;IAAG,CAAC;IAEzC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,QAAkB;QACtC,MAAM,KAAK,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAA;QAChC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAA;QACnB,MAAM,EAAC,KAAK,EAAE,KAAK,EAAC,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAA;QAC7D,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAA;QACtB,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAA;QACtB,OAAO,KAAK,CAAA;IACb,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAqB;QACtC,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC;YACvB,OAAO,EAAE,WAAW;YACpB,MAAM,EAAE,MAAM,iBAAiB,CAAC,MAAM,CAAC;SACvC,CAAC,CAAA;QACF,OAAO;YACN,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,oBAAoB,EAAE,CAAC;YAC7C,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,oBAAoB,EAAE,CAAC;SAC7C,CAAA;IACF,CAAC;CACD"}

package/x/timeline/parts/waveform.js

@@ -16,7 +16,7 @@ export class Waveform {
     }
     static async init(source, container) {
         const driver = await context.driver;
-        const reader = driver.decode({ source }).audio.getReader();
+        const reader = driver.decodeAudio({ source }).getReader();
         const peaks = [];
         let buffer = [];
         const samplesPerPeak = 1024;