@omnimedia/omnitool 1.0.0 → 1.1.0-10

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

@@ -0,0 +1,40 @@
+import { TreeBuilder } from "./tree-builder.js";
+class HTMLNodeBuilder extends TreeBuilder {
+    items;
+    sampler;
+    constructor(items, sampler) {
+        super(items, sampler);
+        this.items = items;
+        this.sampler = sampler;
+    }
+    composeAudio_Stack(children) {
+        return {
+            onTimeUpdate: (time) => {
+                for (const child of children) {
+                    if (child.audio)
+                        child.audio.onTimeUpdate(time);
+                }
+            }
+        };
+    }
+    composeAudio_Sequence(children) {
+        return {
+            onTimeUpdate: (time) => {
+                let localTime = time;
+                for (const child of children) {
+                    if (localTime < child.duration) {
+                        if (child.audio)
+                            child.audio.onTimeUpdate(localTime);
+                        break;
+                    }
+                    localTime -= child.duration;
+                }
+            }
+        };
+    }
+}
+export function buildHTMLNodeTree(root, items, sampler) {
+    const builder = new HTMLNodeBuilder(items, sampler);
+    return builder.build(root);
+}
+//# sourceMappingURL=html-tree.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"html-tree.js","sourceRoot":"","sources":["../../../../../s/timeline/parts/compositor/parts/html-tree.ts"],"names":[],"mappings":"AACA,OAAO,EAA4C,WAAW,EAAC,MAAM,mBAAmB,CAAA;AAExF,MAAM,eAAgB,SAAQ,WAAmC;IAC1C;IAAwC;IAA9D,YAAsB,KAA4B,EAAY,OAAoB;QACjF,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,CAAA;QADA,UAAK,GAAL,KAAK,CAAuB;QAAY,YAAO,GAAP,OAAO,CAAa;IAElF,CAAC;IAED,kBAAkB,CAAC,QAAwC;QAC1D,OAAO;YACN,YAAY,EAAE,CAAC,IAAY,EAAE,EAAE;gBAC9B,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE,CAAC;oBAC9B,IAAI,KAAK,CAAC,KAAK;wBAAE,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;gBAChD,CAAC;YACF,CAAC;SACD,CAAA;IACF,CAAC;IACD,qBAAqB,CAAC,QAAwC;QAC7D,OAAO;YACN,YAAY,EAAE,CAAC,IAAY,EAAE,EAAE;gBAC9B,IAAI,SAAS,GAAG,IAAI,CAAA;gBACpB,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE,CAAC;oBAC9B,IAAI,SAAS,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;wBAChC,IAAI,KAAK,CAAC,KAAK;4BAAE,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAA;wBACpD,MAAK;oBACN,CAAC;oBACD,SAAS,IAAI,KAAK,CAAC,QAAQ,CAAA;gBAC5B,CAAC;YACF,CAAC;SACD,CAAA;IACF,CAAC;CACD;AAED,MAAM,UAAU,iBAAiB,CAAC,IAAc,EAAE,KAA4B,EAAE,OAAoB;IACnG,MAAM,OAAO,GAAG,IAAI,eAAe,CAAC,KAAK,EAAE,OAAO,CAAC,CAAA;IACnD,OAAO,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;AAC3B,CAAC"}

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

@@ -0,0 +1,15 @@
+export type RealtimeController = {
+    play(): void;
+    pause(): void;
+    seek(t: number): void;
+    dispose(): void;
+    setFPS(v: number): void;
+    isPlaying(): boolean;
+};
+export declare const realtime: (onTick: (t: number) => void) => RealtimeController;
+export type FixedStepOptions = {
+    fps: number;
+    duration: number;
+    abort?: AbortSignal;
+};
+export declare const fixedStep: (opts: FixedStepOptions, onFrame: (t: number, index: number) => Promise<void> | void) => Promise<void>;

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

@@ -0,0 +1,64 @@
+export const realtime = (onTick) => {
+    let playing = false;
+    let rafId = null;
+    let fps = 60;
+    let frameDuration = 1000 / fps;
+    let currentTimeS = 0;
+    let lastTime = 0;
+    let accumulator = 0;
+    const tick = (now) => {
+        if (!playing)
+            return;
+        const deltaTime = now - lastTime;
+        lastTime = now;
+        accumulator += deltaTime;
+        while (accumulator >= frameDuration) {
+            onTick(currentTimeS);
+            currentTimeS += frameDuration / 1000;
+            accumulator -= frameDuration;
+        }
+        rafId = requestAnimationFrame(tick);
+    };
+    return {
+        play() {
+            if (playing)
+                return;
+            playing = true;
+            lastTime = performance.now();
+            rafId = requestAnimationFrame(tick);
+        },
+        pause() {
+            if (!playing)
+                return;
+            playing = false;
+            if (rafId !== null)
+                cancelAnimationFrame(rafId);
+            rafId = null;
+        },
+        seek(t) {
+            currentTimeS = Math.max(0, t);
+            accumulator = 0;
+        },
+        dispose() {
+            this.pause();
+        },
+        isPlaying() {
+            return playing;
+        },
+        setFPS(v) {
+            fps = v;
+            frameDuration = 1000 / fps;
+        }
+    };
+};
+export const fixedStep = async (opts, onFrame) => {
+    const dt = 1 / opts.fps;
+    const total = Math.ceil(opts.duration * opts.fps);
+    for (let i = 0; i < total; i++) {
+        if (opts.abort?.aborted)
+            break;
+        const t = i * dt;
+        await onFrame(t, i);
+    }
+};
+//# sourceMappingURL=schedulers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schedulers.js","sourceRoot":"","sources":["../../../../../s/timeline/parts/compositor/parts/schedulers.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,MAA2B,EAAsB,EAAE;IAC1E,IAAI,OAAO,GAAG,KAAK,CAAA;IACnB,IAAI,KAAK,GAAkB,IAAI,CAAA;IAC/B,IAAI,GAAG,GAAG,EAAE,CAAA;IAEZ,IAAI,aAAa,GAAG,IAAI,GAAG,GAAG,CAAA;IAC9B,IAAI,YAAY,GAAG,CAAC,CAAA;IACpB,IAAI,QAAQ,GAAG,CAAC,CAAA;IAChB,IAAI,WAAW,GAAG,CAAC,CAAA;IAEnB,MAAM,IAAI,GAAG,CAAC,GAAW,EAAE,EAAE;QAC3B,IAAI,CAAC,OAAO;YAAE,OAAM;QAEpB,MAAM,SAAS,GAAG,GAAG,GAAG,QAAQ,CAAA;QAChC,QAAQ,GAAG,GAAG,CAAA;QAEd,WAAW,IAAI,SAAS,CAAA;QAExB,OAAO,WAAW,IAAI,aAAa,EAAE,CAAC;YACpC,MAAM,CAAC,YAAY,CAAC,CAAA;YACpB,YAAY,IAAI,aAAa,GAAG,IAAI,CAAA;YACpC,WAAW,IAAI,aAAa,CAAA;QAC9B,CAAC;QAED,KAAK,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAA;IACrC,CAAC,CAAA;IAED,OAAO;QACL,IAAI;YACF,IAAI,OAAO;gBAAE,OAAM;YACnB,OAAO,GAAG,IAAI,CAAA;YACd,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE,CAAA;YAC5B,KAAK,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAA;QACrC,CAAC;QACD,KAAK;YACH,IAAI,CAAC,OAAO;gBAAE,OAAM;YACpB,OAAO,GAAG,KAAK,CAAA;YACf,IAAI,KAAK,KAAK,IAAI;gBAAE,oBAAoB,CAAC,KAAK,CAAC,CAAA;YAC/C,KAAK,GAAG,IAAI,CAAA;QACd,CAAC;QACD,IAAI,CAAC,CAAC;YACJ,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;YAC7B,WAAW,GAAG,CAAC,CAAA;QACjB,CAAC;QACD,OAAO;YACL,IAAI,CAAC,KAAK,EAAE,CAAA;QACd,CAAC;QACD,SAAS;YACP,OAAO,OAAO,CAAA;QAChB,CAAC;QACD,MAAM,CAAC,CAAC;YACP,GAAG,GAAG,CAAC,CAAA;YACP,aAAa,GAAG,IAAI,GAAG,GAAG,CAAA;QAC3B,CAAC;KACF,CAAA;AACH,CAAC,CAAA;AAQD,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,EAC7B,IAAsB,EACtB,OAA2D,EAC1D,EAAE;IACH,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAA;IACvB,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAA;IAEjD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;QAChC,IAAI,IAAI,CAAC,KAAK,EAAE,OAAO;YAAE,MAAK;QAC9B,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,CAAA;QAChB,MAAM,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IACpB,CAAC;AACF,CAAC,CAAA"}

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

@@ -0,0 +1,37 @@
+import { Item } from "../../item.js";
+import { Layer } from "../../../../driver/fns/schematic.js";
+import { Mat6 } from "../../../utils/matrix.js";
+export type AudioStreamComponent = {
+    getStream: () => AsyncGenerator<AudioData>;
+};
+export type AudioPlaybackComponent = {
+    onTimeUpdate: (time: number) => void;
+};
+export type VisualComponent = {
+    sampleAt: (time: number) => Promise<Layer[]>;
+};
+export type Node<T> = {
+    duration: number;
+    visuals?: VisualComponent;
+    audio?: T;
+};
+interface Sampler<T> {
+    video(item: Item.Video, parentMatrix: Mat6): Promise<Node<T>>;
+    audio(item: Item.Audio): Promise<Node<T>>;
+    dispose(): Promise<void>;
+}
+export declare const getWorldMat6: (items: Map<number, Item.Any>, item: Item.Text | Item.Sequence | Item.Stack | Item.Video, parent?: Mat6) => Mat6;
+export type WebcodecsSampler = Sampler<AudioStreamComponent>;
+export interface HTMLSampler extends Sampler<AudioPlaybackComponent> {
+    setPaused(v: boolean): void;
+}
+export declare abstract class TreeBuilder<T> {
+    #private;
+    protected items: Map<number, Item.Any>;
+    protected sampler: Sampler<T>;
+    constructor(items: Map<number, Item.Any>, sampler: Sampler<T>);
+    build(root: Item.Any, parentMatrix?: Mat6): Promise<Node<T>>;
+    abstract composeAudio_Stack(children: Node<T>[]): T | undefined;
+    abstract composeAudio_Sequence(children: Node<T>[]): T | undefined;
+}
+export {};

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":"AAIA,MAAM,KAAK,GAAG,CAAC,GAAkB,EAAE,EAAE,CAAC,CAAC,GAAG,YAAY,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAA;AAEpG,MAAM,UAAU,eAAe,CAAC,YAA6C;IAC5E,MAAM,aAAa,GAAG,IAAI,GAAG,EAA4B,CAAA;IACzD,MAAM,aAAa,GAAG,IAAI,GAAG,EAA4B,CAAA;IAEzD,SAAS,uBAAuB,CAAC,IAAgB;QAChD,IAAI,KAAK,GAAG,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;QACtC,IAAI,CAAC,KAAK,EAAE,CAAC;YACZ,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;YACvC,KAAK,CAAC,WAAW,GAAG,IAAI,CAAA;YACxB,KAAK,CAAC,KAAK,GAAG,IAAI,CAAA;YAClB,KAAK,CAAC,OAAO,GAAG,MAAM,CAAA;YACtB,KAAK,CAAC,WAAW,GAAG,WAAW,CAAA;YAC/B,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAA;YAC/C,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC,CAAA;QAClC,CAAC;QACD,OAAO,KAAK,CAAA;IACb,CAAC;IAED,SAAS,uBAAuB,CAAC,IAAgB;QAChD,IAAI,KAAK,GAAG,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;QACtC,IAAI,CAAC,KAAK,EAAE,CAAC;YACZ,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;YACvC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAA;YACtB,KAAK,CAAC,WAAW,GAAG,WAAW,CAAA;YAC/B,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAA;YAC/C,KAAK,CAAC,MAAM,GAAG,GAAG,CAAA;YAClB,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC,CAAA;QAClC,CAAC;QACD,OAAO,KAAK,CAAA;IACb,CAAC;IAED,IAAI,MAAM,GAAG,IAAI,CAAA;IAEjB,OAAO;QACN,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM;YACvB,MAAM,KAAK,GAAG,uBAAuB,CAAC,IAAI,CAAC,CAAA;YAC3C,OAAO;gBACN,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,gCAAgC;gBAChC,OAAO,EAAE;oBACR,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE;wBACrB,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ;4BAC9B,OAAO,EAAE,CAAA;wBAEV,IAAG,KAAK,CAAC,MAAM,IAAI,MAAM,EAAE,CAAC;4BAC3B,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;wBACrB,CAAC;wBAED,IAAG,KAAK,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC;4BAC5B,MAAM,KAAK,CAAC,IAAI,EAAE,CAAA;wBACnB,CAAC;wBAED,MAAM,KAAK,GAAG,IAAI,UAAU,CAAC,KAAK,CAAC,CAAA;wBACnC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;oBACrD,CAAC;iBACD;aACD,CAAA;QACF,CAAC;QACD,KAAK,CAAC,KAAK,CAAC,IAAI;YACf,MAAM,KAAK,GAAG,uBAAuB,CAAC,IAAI,CAAC,CAAA;YAC3C,OAAO;gBACN,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,KAAK,EAAE;oBACN,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;wBAC5B,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAA;wBACnC,IAAG,KAAK,CAAC,MAAM,IAAI,MAAM,EAAE,CAAC;4BAC3B,MAAM,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,CAAA;wBAC7B,CAAC;wBACD,IAAG,KAAK,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC;4BAC5B,MAAM,KAAK,CAAC,IAAI,EAAE,CAAA;wBACnB,CAAC;wBACD,OAAO,EAAE,CAAA;oBACV,CAAC;iBACD;aACD,CAAA;QACF,CAAC;QACD,KAAK,CAAC,OAAO;YACZ,MAAM,QAAQ,GAAG,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,EAAE,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,CAAA;YACpE,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE,CAAC;gBAC/B,OAAO,CAAC,KAAK,EAAE,CAAA;gBACf,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC;oBAClC,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;gBACjC,OAAO,CAAC,MAAM,EAAE,CAAA;YAClB,CAAC;YACD,aAAa,CAAC,KAAK,EAAE,CAAA;YACrB,aAAa,CAAC,KAAK,EAAE,CAAA;QACzB,CAAC;QACD,KAAK,CAAC,SAAS,CAAC,CAAC;YAChB,MAAM,GAAG,CAAC,CAAA;YACV,MAAM,QAAQ,GAAG,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,EAAE,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,CAAA;YACvE,KAAI,MAAM,OAAO,IAAI,QAAQ,EAAE,CAAC;gBAC/B,IAAG,CAAC;oBAAE,OAAO,CAAC,KAAK,EAAE,CAAA;YACtB,CAAC;QACF,CAAC;KACD,CAAA;AACF,CAAC;AAED,SAAS,IAAI,CAAC,KAA0C,EAAE,IAAY;IACpE,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QAC7B,MAAM,QAAQ,GAAG,GAAG,EAAE;YACpB,KAAK,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;YAC7C,OAAO,EAAE,CAAA;QACX,CAAC,CAAA;QACD,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QAC1C,IAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;YACnB,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;QACrB,CAAC;;YAAM,KAAK,CAAC,WAAW,GAAG,IAAI,CAAA;IACjC,CAAC,CAAC,CAAA;AACJ,CAAC"}

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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"}