@motionscript/browser 0.1.0-alpha.0 → 0.1.0-alpha.5

package/README.md

@@ -1,69 +1,118 @@
-# @motionscript/browser
-
-The browser rendering backend for [Motion Script](https://motionscript.dev),
-built on Skia via [`@motionscript/canvaskit`](../canvaskit). It implements the
-`platform`/`render` abstractions from [`@motionscript/core`](../core) so
-documents can be drawn to a canvas, played back with synchronized audio, and
-exported to video all in the browser.
-
-## What's in here
-
-- **Engine**: `createBrowserEngine` wires every platform seam below into a
-  `@motionscript/core` `Engine`. Await it once at app start and share it.
-- **Render context**: `WebRenderContext` draws the `@motionscript/core` scene
-  graph (shapes, fills, strokes, effects, text, video, masks) onto a CanvasKit
-  surface.
-- **Exporter**: `exportVideo` renders a document offline and muxes video and
-  audio into an MP4 using [mediabunny](https://github.com/Vanilagy/mediabunny).
-- **Stills**: `StillRenderer` (from `createStillRenderer`) is a long-lived
-  renderer that repaints single frames into a canvas the host owns, for
-  thumbnails and previews; `exportScreenshot` is the one-shot wrapper over it.
-- **Concat**: `concatVideoSegments` joins separately encoded MP4 segments
-  without re-encoding, so an export can be split across workers.
-  `mixTimelineAudio` mixes the whole timeline's audio once for the joined file.
-  Every segment must share one encoder configuration; a mismatch throws
-  `ConcatMismatchError`.
-- **3D**: importing this package registers the WebGL renderer that makes
-  `Canvas3D` draw (three.js, loaded lazily). Import from the package root,
-  not a deep path, or 3D renders empty.
-- **Audio**: `WebAudioPlayer` drives playback through the Web Audio API;
-  `mixAudio` and `encodeWav` (also on the `@motionscript/browser/audio`
-  subpath, which skips CanvasKit) mix down offline.
-- **Storage / assets**: `WebStorageAdapter` and `WebMeasureContext` implement the
-  asset-loading and text-measurement abstractions `@motionscript/core` needs.
-- **Clock**: `WebTicker` synchronizes scene playback to `requestAnimationFrame` while calculating dt from audio context to ensure audio and animation line up.
-- **CanvasKit access**: `getCanvasKit` loads and caches the CanvasKit/Skia
-  WebAssembly module used for rendering.
-
-## Usage
-
-```bash
-npm install @motionscript/browser @motionscript/core @motionscript/canvaskit
-```
-
-```ts
-import { createBrowserEngine } from '@motionscript/browser';
-
-const engine = await createBrowserEngine({ wasmUrl: '/canvaskit.wasm', nodes: [MyNode] });
-const session = engine.open({ document, target: canvasEl });
-session.playback!.play();
-
-const mp4 = await session.export();
-```
-
-Serve `canvaskit.wasm` from `@motionscript/canvaskit` as a static asset and pass
-its URL as `wasmUrl`.
-
-See the [docs](https://motionscript.dev/docs) for the full feature set and API
-reference.
-
-## Development
-
-From the monorepo root:
-
-```bash
-pnpm --filter @motionscript/browser build
-pnpm --filter @motionscript/browser test
-```
-
-See [CONTRIBUTING.md](../../CONTRIBUTING.md) for the architecture overview.
+# @motionscript/browser
+
+The browser rendering backend for [Motion Script](https://motionscript.dev),
+built on Skia via [`@motionscript/canvaskit`](https://github.com/motionscript-dev/motionscript/tree/main/packages/canvaskit). It implements the
+`platform`/`render` abstractions from [`@motionscript/core`](https://github.com/motionscript-dev/motionscript/tree/main/packages/core) so
+documents can be drawn to a canvas, played back with synchronized audio, and
+exported to video all in the browser.
+
+How a frame is drawn (shapes, fills, strokes, effects, text, the 3D replay) lives in
+[`@motionscript/skia-render`](https://github.com/motionscript-dev/motionscript/tree/main/packages/skia-render) and is shared with every other backend.
+This package supplies only the browser's half: a WebGL surface over a `<canvas>`,
+media decode and storage, encoding, Web Audio, the clock, and the WebGL renderer 3D
+draws with.
+
+## What's in here
+
+- **Engine**: `createBrowserEngine` wires every platform seam below into a
+  `@motionscript/core` `Engine`. Await it once at app start and share it.
+- **Render context**: `WebRenderContext` draws the `@motionscript/core` scene
+  graph (shapes, fills, strokes, effects, text, video, masks) onto a CanvasKit
+  surface.
+- **Exporter**: `exportVideo` renders a document offline and muxes video and
+  audio into an MP4 using [mediabunny](https://github.com/Vanilagy/mediabunny).
+- **Stills**: `StillRenderer` (from `createStillRenderer`) is a long-lived
+  renderer that repaints single frames into a canvas the host owns, for
+  thumbnails and previews; `exportScreenshot` is the one-shot wrapper over it.
+- **Concat**: `concatVideoSegments` joins separately encoded MP4 segments
+  without re-encoding, so an export can be split across workers. A segment is
+  `exportVideo({ frames: { start, end } })` (or `session.export({ frames })`):
+  that range alone, timestamped from 0 and silent.
+  `mixTimelineAudio` mixes the whole timeline's audio once for the joined file.
+  Every segment must share one encoder configuration; a mismatch throws
+  `ConcatMismatchError`.
+- **3D**: every engine session, still renderer and export installs the WebGL
+  renderer that makes `Canvas3D` draw (three.js, loaded lazily). Importing the
+  package registers nothing, so a bundler may tree-shake freely.
+- **Audio**: `WebAudioPlayer` drives playback through the Web Audio API;
+  `mixAudio` and `encodeWav` (also on the `@motionscript/browser/audio`
+  subpath, which skips CanvasKit) mix down offline.
+- **Storage / assets**: `WebStorageAdapter` and `WebMeasureContext` implement the
+  asset-loading and text-measurement abstractions `@motionscript/core` needs. The
+  adapter decodes images and video at the resolution each draw covers, in
+  levels (`src/decode/`); see
+  [decode resolution](https://github.com/motionscript-dev/motionscript/blob/main/packages/skia-render/docs/decode-resolution.md).
+  `setAssetByteSource` lets a host answer for an asset's bytes (a file the user just
+  chose, say) before the adapter goes to the network; it applies to previews,
+  exports and stills alike.
+- **Source-string nodes**: `createBrowserEngine({ nodes })` also accepts TS/JSX source
+  strings (array form only), each declaring its key with `@node(...)`, compiled with
+  `esbuild-wasm` on first use. `dynamicNodes` overrides the SDK, JSX runtime,
+  extra importable `modules` or the compiler, each field defaulting on its own.
+- **Clock**: `WebTicker` synchronizes scene playback to `requestAnimationFrame` while calculating dt from audio context to ensure audio and animation line up.
+- **CanvasKit access**: `getCanvasKit` loads and caches the CanvasKit/Skia
+  WebAssembly module used for rendering.
+
+## Usage
+
+```bash
+npm install @motionscript/browser @motionscript/core @motionscript/canvaskit
+```
+
+```ts
+import { createBrowserEngine } from '@motionscript/browser';
+
+const engine = await createBrowserEngine({ wasmUrl: '/canvaskit.wasm', nodes: [MyNode] });
+const session = engine.open({ document, target: canvasEl });
+session.playback!.play();
+
+const mp4 = await session.export();
+```
+
+Serve `canvaskit.wasm` from `@motionscript/canvaskit` as a static asset and pass
+its URL as `wasmUrl`. `getCanvasKit` memoizes: the first URL wins, and a failed
+init stays failed. `session.export()` resolves to the MP4 bytes unless
+`encode: { download: true }` asks for a browser download.
+
+## CDN build
+
+`pnpm build` ends by writing `dist/browser/` (generated, never edited): one minified
+ES module per `exports` entry (`index.js`, `audio.js`), shared and lazy chunks
+(three.js and its glTF loader arrive only through `import()`), `esbuild.wasm`, and a
+`manifest.json` mapping each export and binary asset to a package-relative path.
+The peers stay imports, so a host's import map names each of these bare specifiers
+once, to one copy:
+
+```
+@motionscript/core
+@motionscript/core/sdk
+@motionscript/core/jsx/jsx-runtime
+@motionscript/canvaskit
+```
+
+Against a CDN module URL the default `canvaskit.wasm` and `esbuild.wasm` URLs do not
+resolve, so a host passes `wasmUrl` and, if it compiles source-string nodes,
+`compilerWasmUrl`. Both binaries are listed in the packages' manifests.
+
+See the [docs](https://motionscript.dev/docs) for the full feature set and API
+reference.
+
+## Development
+
+From the monorepo root:
+
+```bash
+pnpm --filter @motionscript/browser build   # eslint, tsc, tsc-alias, then the CDN build
+pnpm --filter @motionscript/browser test    # vitest: real Chromium, plus a Node project
+```
+
+The tests run in headless Chromium through `@vitest/browser-playwright`, so install it
+once with `pnpm --filter @motionscript/browser exec playwright install --with-deps chromium`.
+They import `@motionscript/core`'s **built** `dist/`: run `pnpm build:lib` first on a fresh
+checkout. Files named `*.node.test.ts` run in Node and ask what a consumer's bundler
+keeps of this package (`tree-shaking`, `cdn-build`). Suites that need an H.264 or AAC
+encoder skip on a Chromium without one; `REQUIRE_ENCODERS=1` makes them fail instead.
+
+See [CLAUDE.md](https://github.com/motionscript-dev/motionscript/blob/main/packages/browser/CLAUDE.md) for the traps when editing here,
+[ARCHITECTURE.md](https://github.com/motionscript-dev/motionscript/blob/main/ARCHITECTURE.md) for the layering and
+[CONTRIBUTING.md](https://github.com/motionscript-dev/motionscript/blob/main/CONTRIBUTING.md) for the workflow.

package/dist/asset-bytes.d.ts

@@ -1,5 +1,5 @@
 /**
- * Where a source URL's bytes may come from, other than the network.
+ * Where a source URL's bytes come from: a host's local store, then the network.
  *
  * ## Why the web adapter needs this at all
  *
@@ -47,4 +47,10 @@ export declare function setAssetByteSource(next: AssetByteSource | null): void;
  * is what it would have done had the source never been installed.
  */
 export declare function localAssetBytes(src: string): Promise<Blob | null>;
+/**
+ * The network's bytes for `url`. A response that is not OK is a failed load,
+ * never bytes: a 404 page handed to the font manager marked a family loaded
+ * with no face in it.
+ */
+export declare function fetchAssetBytes(url: string): Promise<Blob>;
 //# sourceMappingURL=asset-bytes.d.ts.map

package/dist/asset-bytes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"asset-bytes.d.ts","sourceRoot":"","sources":["../src/asset-bytes.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,oEAAoE;AACpE,MAAM,MAAM,eAAe,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;AAIpE;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,GAAG,IAAI,CAErE;AAED;;;;;;GAMG;AACH,wBAAsB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,CAOvE"}
+{"version":3,"file":"asset-bytes.d.ts","sourceRoot":"","sources":["../src/asset-bytes.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,oEAAoE;AACpE,MAAM,MAAM,eAAe,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;AAIpE;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,GAAG,IAAI,CAErE;AAED;;;;;;GAMG;AACH,wBAAsB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,CAOvE;AAED;;;;GAIG;AACH,wBAAsB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAOhE"}

package/dist/asset-bytes.js

@@ -1,5 +1,5 @@
 /**
- * Where a source URL's bytes may come from, other than the network.
+ * Where a source URL's bytes come from: a host's local store, then the network.
  *
  * ## Why the web adapter needs this at all
  *
@@ -57,4 +57,17 @@ export async function localAssetBytes(src) {
         return null;
     }
 }
+/**
+ * The network's bytes for `url`. A response that is not OK is a failed load,
+ * never bytes: a 404 page handed to the font manager marked a family loaded
+ * with no face in it.
+ */
+export async function fetchAssetBytes(url) {
+    const response = await fetch(url);
+    if (!response.ok) {
+        const status = response.statusText ? `${response.status} ${response.statusText}` : `${response.status}`;
+        throw new Error(`Fetching "${url}" failed: HTTP ${status}`);
+    }
+    return response.blob();
+}
 //# sourceMappingURL=asset-bytes.js.map

package/dist/asset-bytes.js.map

@@ -1 +1 @@
-{"version":3,"file":"asset-bytes.js","sourceRoot":"","sources":["../src/asset-bytes.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAKH,IAAI,MAAM,GAA2B,IAAI,CAAC;AAE1C;;;;;;GAMG;AACH,MAAM,UAAU,kBAAkB,CAAC,IAA4B;IAC3D,MAAM,GAAG,IAAI,CAAC;AAClB,CAAC;AAED;;;;;;GAMG;AACH,MAAM,CAAC,KAAK,UAAU,eAAe,CAAC,GAAW;IAC7C,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IACzB,IAAI,CAAC;QACD,OAAO,MAAM,MAAM,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC;IAAC,MAAM,CAAC;QACL,OAAO,IAAI,CAAC;IAChB,CAAC;AACL,CAAC","sourcesContent":["/**\n * Where a source URL's bytes may come from, other than the network.\n *\n * ## Why the web adapter needs this at all\n *\n * `WebStorageAdapter` addresses every asset by URL and fetches it. That is\n * right for an asset that lives somewhere, and wrong for one whose bytes the\n * host already has in hand — a file the user has just chosen, a render a local\n * model has just produced, a picture whose upload has not finished or cannot\n * start because there is no network. In all three the adapter downloads bytes\n * that never needed to travel.\n *\n * `NodeStorageAdapter` has had the answer since it was written: an injected\n * `AssetLoader`, with an `inline` map consulted ahead of the disk. This is the\n * same seam for the browser.\n *\n * ## Why it is module-level\n *\n * `WebStorageAdapter` is constructed at five sites *inside* these packages —\n * the React player backend, the exporter, the audio mixer, and both still\n * renderers — none of which a host can reach. A constructor argument would\n * therefore cover the preview and leave export and stills on the network,\n * which is the worst of both: the picture a user sees would come from local\n * bytes and the one they render would not.\n *\n * So this is an *injection point*, not a cache. The adapter still owns every\n * decode, every cache, every size ceiling and every eviction rule; all this\n * changes is where the compressed bytes came from. A source that answers `null`\n * — which is what an unregistered URL, an evicted entry or a host with no local\n * store does — leaves the adapter exactly as it was.\n */\n\n/** Local bytes for a source URL, or `null` to go to the network. */\nexport type AssetByteSource = (src: string) => Promise<Blob | null>;\n\nlet source: AssetByteSource | null = null;\n\n/**\n * Installs the byte source for this browsing context, or clears it with `null`.\n *\n * Called once per window that renders. Later calls replace the previous source\n * rather than stacking, because two sources disagreeing about one URL has no\n * sensible answer.\n */\nexport function setAssetByteSource(next: AssetByteSource | null): void {\n    source = next;\n}\n\n/**\n * The bytes for `src`, or `null`.\n *\n * Swallows a throwing source on purpose. A host's local store failing is a\n * cache miss, not a render failure — the caller falls through to `fetch`, which\n * is what it would have done had the source never been installed.\n */\nexport async function localAssetBytes(src: string): Promise<Blob | null> {\n    if (!source) return null;\n    try {\n        return await source(src);\n    } catch {\n        return null;\n    }\n}\n"]}
+{"version":3,"file":"asset-bytes.js","sourceRoot":"","sources":["../src/asset-bytes.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAKH,IAAI,MAAM,GAA2B,IAAI,CAAC;AAE1C;;;;;;GAMG;AACH,MAAM,UAAU,kBAAkB,CAAC,IAA4B;IAC3D,MAAM,GAAG,IAAI,CAAC;AAClB,CAAC;AAED;;;;;;GAMG;AACH,MAAM,CAAC,KAAK,UAAU,eAAe,CAAC,GAAW;IAC7C,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IACzB,IAAI,CAAC;QACD,OAAO,MAAM,MAAM,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC;IAAC,MAAM,CAAC;QACL,OAAO,IAAI,CAAC;IAChB,CAAC;AACL,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,KAAK,UAAU,eAAe,CAAC,GAAW;IAC7C,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC;IAClC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;QACf,MAAM,MAAM,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC;QACxG,MAAM,IAAI,KAAK,CAAC,aAAa,GAAG,kBAAkB,MAAM,EAAE,CAAC,CAAC;IAChE,CAAC;IACD,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC;AAC3B,CAAC","sourcesContent":["/**\r\n * Where a source URL's bytes come from: a host's local store, then the network.\r\n *\r\n * ## Why the web adapter needs this at all\r\n *\r\n * `WebStorageAdapter` addresses every asset by URL and fetches it. That is\r\n * right for an asset that lives somewhere, and wrong for one whose bytes the\r\n * host already has in hand — a file the user has just chosen, a render a local\r\n * model has just produced, a picture whose upload has not finished or cannot\r\n * start because there is no network. In all three the adapter downloads bytes\r\n * that never needed to travel.\r\n *\r\n * `NodeStorageAdapter` has had the answer since it was written: an injected\r\n * `AssetLoader`, with an `inline` map consulted ahead of the disk. This is the\r\n * same seam for the browser.\r\n *\r\n * ## Why it is module-level\r\n *\r\n * `WebStorageAdapter` is constructed at five sites *inside* these packages —\r\n * the React player backend, the exporter, the audio mixer, and both still\r\n * renderers — none of which a host can reach. A constructor argument would\r\n * therefore cover the preview and leave export and stills on the network,\r\n * which is the worst of both: the picture a user sees would come from local\r\n * bytes and the one they render would not.\r\n *\r\n * So this is an *injection point*, not a cache. The adapter still owns every\r\n * decode, every cache, every size ceiling and every eviction rule; all this\r\n * changes is where the compressed bytes came from. A source that answers `null`\r\n * — which is what an unregistered URL, an evicted entry or a host with no local\r\n * store does — leaves the adapter exactly as it was.\r\n */\r\n\r\n/** Local bytes for a source URL, or `null` to go to the network. */\r\nexport type AssetByteSource = (src: string) => Promise<Blob | null>;\r\n\r\nlet source: AssetByteSource | null = null;\r\n\r\n/**\r\n * Installs the byte source for this browsing context, or clears it with `null`.\r\n *\r\n * Called once per window that renders. Later calls replace the previous source\r\n * rather than stacking, because two sources disagreeing about one URL has no\r\n * sensible answer.\r\n */\r\nexport function setAssetByteSource(next: AssetByteSource | null): void {\r\n    source = next;\r\n}\r\n\r\n/**\r\n * The bytes for `src`, or `null`.\r\n *\r\n * Swallows a throwing source on purpose. A host's local store failing is a\r\n * cache miss, not a render failure — the caller falls through to `fetch`, which\r\n * is what it would have done had the source never been installed.\r\n */\r\nexport async function localAssetBytes(src: string): Promise<Blob | null> {\r\n    if (!source) return null;\r\n    try {\r\n        return await source(src);\r\n    } catch {\r\n        return null;\r\n    }\r\n}\r\n\r\n/**\r\n * The network's bytes for `url`. A response that is not OK is a failed load,\r\n * never bytes: a 404 page handed to the font manager marked a family loaded\r\n * with no face in it.\r\n */\r\nexport async function fetchAssetBytes(url: string): Promise<Blob> {\r\n    const response = await fetch(url);\r\n    if (!response.ok) {\r\n        const status = response.statusText ? `${response.status} ${response.statusText}` : `${response.status}`;\r\n        throw new Error(`Fetching \"${url}\" failed: HTTP ${status}`);\r\n    }\r\n    return response.blob();\r\n}\r\n"]}

package/dist/audio/bus-graph.d.ts

@@ -1,4 +1,4 @@
-import type { AudioBusStop } from "@motionscript/core";
+import { type AudioBusStop } from "@motionscript/core";
 /**
  * The live chains for one audio context's buses.
  *
@@ -23,9 +23,13 @@ export declare class AudioBusGraph {
      * each stop after it is that bus's own parent. An empty or absent chain
      * returns the destination, which is what every clip did before buses
      * existed.
+     *
+     * `startTime` is the context time a new chain's schedule starts from, and
+     * `clipTime` the same instant in the stops' own seconds. A curve on a stop
+     * runs over its `startAt`–`endAt`, so the two are what place it.
      */
-    inputFor(bus: readonly AudioBusStop[] | undefined, startTime: number): AudioNode;
-    /** Disconnect every live bus node. Safe to call more than once. */
+    inputFor(bus: readonly AudioBusStop[] | undefined, startTime: number, clipTime: number): AudioNode;
+    /** Disconnect every live bus node, so the next {@link inputFor} builds afresh. Safe to call more than once. */
     dispose(): void;
     private readonly inputs;
     private readonly nodes;
@@ -37,6 +41,11 @@ export declare class AudioBusGraph {
      * Recursive rather than iterative because a bus's *output* has to exist
      * before its own nodes can connect to it, and the outermost bus is the last
      * entry.
+     *
+     * Reused by everything that changes what it sounds like, down to the master,
+     * not by id alone: a bus edited under a playing device, or one id on two
+     * tracks, is a different chain, and one built for the first would play the
+     * second through stale levels and a curve anchored to the wrong span.
      */
     private chainFrom;
 }

package/dist/audio/bus-graph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bus-graph.d.ts","sourceRoot":"","sources":["../../src/audio/bus-graph.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGvD;;;;;;;;GAQG;AACH,qBAAa,aAAa;IAElB,OAAO,CAAC,QAAQ,CAAC,GAAG;IACpB,+EAA+E;IAC/E,OAAO,CAAC,QAAQ,CAAC,WAAW;gBAFX,GAAG,EAAE,gBAAgB;IACtC,+EAA+E;IAC9D,WAAW,EAAE,SAAS;IAG3C;;;;;;;;OAQG;IACH,QAAQ,CAAC,GAAG,EAAE,SAAS,YAAY,EAAE,GAAG,SAAS,EAAE,SAAS,EAAE,MAAM,GAAG,SAAS;IAKhF,mEAAmE;IACnE,OAAO,IAAI,IAAI;IAYf,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAgC;IACvD,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAmB;IACzC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAwB;IAEpD;;;;;;;OAOG;IACH,OAAO,CAAC,SAAS;CA+BpB"}
+{"version":3,"file":"bus-graph.d.ts","sourceRoot":"","sources":["../../src/audio/bus-graph.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,YAAY,EAAwB,MAAM,oBAAoB,CAAC;AAGzF;;;;;;;;GAQG;AACH,qBAAa,aAAa;IAElB,OAAO,CAAC,QAAQ,CAAC,GAAG;IACpB,+EAA+E;IAC/E,OAAO,CAAC,QAAQ,CAAC,WAAW;gBAFX,GAAG,EAAE,gBAAgB;IACtC,+EAA+E;IAC9D,WAAW,EAAE,SAAS;IAG3C;;;;;;;;;;;;OAYG;IACH,QAAQ,CAAC,GAAG,EAAE,SAAS,YAAY,EAAE,GAAG,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,SAAS;IAKlG,+GAA+G;IAC/G,OAAO,IAAI,IAAI;IAYf,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAgC;IACvD,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAmB;IACzC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAwB;IAEpD;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,SAAS;CA+BpB"}

package/dist/audio/bus-graph.js

@@ -1,3 +1,4 @@
+import { busStopKey } from "@motionscript/core";
 import { buildAudioFilterGraph } from "./filter-graph";
 /**
  * The live chains for one audio context's buses.
@@ -25,13 +26,17 @@ export class AudioBusGraph {
      * each stop after it is that bus's own parent. An empty or absent chain
      * returns the destination, which is what every clip did before buses
      * existed.
+     *
+     * `startTime` is the context time a new chain's schedule starts from, and
+     * `clipTime` the same instant in the stops' own seconds. A curve on a stop
+     * runs over its `startAt`–`endAt`, so the two are what place it.
      */
-    inputFor(bus, startTime) {
+    inputFor(bus, startTime, clipTime) {
         if (!bus || bus.length === 0)
             return this.destination;
-        return this.chainFrom(bus, 0, startTime);
+        return this.chainFrom(bus, 0, startTime, clipTime);
     }
-    /** Disconnect every live bus node. Safe to call more than once. */
+    /** Disconnect every live bus node, so the next {@link inputFor} builds afresh. Safe to call more than once. */
     dispose() {
         for (const node of this.nodes) {
             try {
@@ -59,46 +64,36 @@ export class AudioBusGraph {
      * Recursive rather than iterative because a bus's *output* has to exist
      * before its own nodes can connect to it, and the outermost bus is the last
      * entry.
+     *
+     * Reused by everything that changes what it sounds like, down to the master,
+     * not by id alone: a bus edited under a playing device, or one id on two
+     * tracks, is a different chain, and one built for the first would play the
+     * second through stale levels and a curve anchored to the wrong span.
      */
-    chainFrom(bus, index, startTime) {
+    chainFrom(bus, index, startTime, clipTime) {
         if (index >= bus.length)
             return this.destination;
         const stop = bus[index];
-        const existing = this.inputs.get(stop.id);
+        const key = bus.slice(index).map(busStopKey).join(">");
+        const existing = this.inputs.get(key);
         if (existing)
             return existing;
-        const output = this.chainFrom(bus, index + 1, startTime);
+        const output = this.chainFrom(bus, index + 1, startTime, clipTime);
         // A pass-through head every clip connects to, so the bus has one input
         // whatever its filters turn out to be.
         const input = this.ctx.createGain();
         input.gain.value = 1;
-        const level = this.ctx.createGain();
-        level.gain.value = stop.mute ? 0 : levelOf(stop);
-        // `clipDuration` is 0 and `elapsed` 0: a bus is not a clip, so a curve on
-        // one is authored against the timeline rather than against a source's
-        // length. `applyParam` resolves a curve of its own duration from that.
-        const graph = buildAudioFilterGraph(this.ctx, input, stop.filters ?? [], startTime, 0, 0);
-        graph.output.connect(level);
-        level.connect(output);
-        this.nodes.push(input, level, ...graph.nodes);
+        // The level is a gain after the filters, as a sound's own level is, so a
+        // curve on it is scheduled exactly as one in `filters` is.
+        const level = { type: "gain", value: stop.mute ? 0 : stop.volume };
+        const graph = buildAudioFilterGraph(this.ctx, input, [...(stop.filters ?? []), level], startTime, stop.endAt - stop.startAt, clipTime - stop.startAt);
+        graph.output.connect(output);
+        this.nodes.push(input, ...graph.nodes);
         this.oscillators.push(...graph.oscillators);
         for (const osc of graph.oscillators)
             osc.start(startTime);
-        this.inputs.set(stop.id, input);
+        this.inputs.set(key, input);
         return input;
     }
 }
-/**
- * A bus's gain as a plain number.
- *
- * A curve-valued bus level is scheduled by the filter chain a bus carries, not
- * here: this node is created once for the whole bus and shared by every clip on
- * it, so there is no single clip start to resolve a curve against. Authoring a
- * bus fade as `filters: AudioFilters.gain(fadeOut(1))` puts it on the chain,
- * where it is scheduled against the context clock like any other.
- */
-function levelOf(stop) {
-    const value = typeof stop.volume === "number" ? stop.volume : 1;
-    return Number.isFinite(value) ? value : 1;
-}
 //# sourceMappingURL=bus-graph.js.map

package/dist/audio/bus-graph.js.map

@@ -1 +1 @@
-{"version":3,"file":"bus-graph.js","sourceRoot":"","sources":["../../src/audio/bus-graph.ts"],"names":[],"mappings":"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","sourcesContent":["import type { AudioBusStop } from \"@motionscript/core\";\nimport { buildAudioFilterGraph } from \"./filter-graph\";\n\n/**\n * The live chains for one audio context's buses.\n *\n * Held per context rather than per clip, because that is the whole difference\n * between a bus and per-clip processing: every clip naming a bus connects into\n * the *same* nodes, so a reverb on a bus is one tail the group shares rather\n * than one tail each. Flattening the levels into per-clip gain would sound\n * right; flattening the effects would not.\n */\nexport class AudioBusGraph {\n    constructor(\n        private readonly ctx: BaseAudioContext,\n        /** Where the last bus in a chain connects — the master, or the destination. */\n        private readonly destination: AudioNode,\n    ) { }\n\n    /**\n     * The input node a clip on `bus` should connect to, building the chain the\n     * first time it is asked for.\n     *\n     * `bus` is source-adjacent first, so `bus[0]` is the one the clip feeds and\n     * each stop after it is that bus's own parent. An empty or absent chain\n     * returns the destination, which is what every clip did before buses\n     * existed.\n     */\n    inputFor(bus: readonly AudioBusStop[] | undefined, startTime: number): AudioNode {\n        if (!bus || bus.length === 0) return this.destination;\n        return this.chainFrom(bus, 0, startTime);\n    }\n\n    /** Disconnect every live bus node. Safe to call more than once. */\n    dispose(): void {\n        for (const node of this.nodes) {\n            try { node.disconnect(); } catch { /* already torn down */ }\n        }\n        for (const osc of this.oscillators) {\n            try { osc.stop(); } catch { /* never started, or already stopped */ }\n        }\n        this.nodes.length = 0;\n        this.oscillators.length = 0;\n        this.inputs.clear();\n    }\n\n    private readonly inputs = new Map<string, AudioNode>();\n    private readonly nodes: AudioNode[] = [];\n    private readonly oscillators: OscillatorNode[] = [];\n\n    /**\n     * Build (or reuse) the chain for `bus[index]`, connected to whatever\n     * `bus[index + 1]` resolves to.\n     *\n     * Recursive rather than iterative because a bus's *output* has to exist\n     * before its own nodes can connect to it, and the outermost bus is the last\n     * entry.\n     */\n    private chainFrom(bus: readonly AudioBusStop[], index: number, startTime: number): AudioNode {\n        if (index >= bus.length) return this.destination;\n\n        const stop = bus[index];\n        const existing = this.inputs.get(stop.id);\n        if (existing) return existing;\n\n        const output = this.chainFrom(bus, index + 1, startTime);\n\n        // A pass-through head every clip connects to, so the bus has one input\n        // whatever its filters turn out to be.\n        const input = this.ctx.createGain();\n        input.gain.value = 1;\n\n        const level = this.ctx.createGain();\n        level.gain.value = stop.mute ? 0 : levelOf(stop);\n\n        // `clipDuration` is 0 and `elapsed` 0: a bus is not a clip, so a curve on\n        // one is authored against the timeline rather than against a source's\n        // length. `applyParam` resolves a curve of its own duration from that.\n        const graph = buildAudioFilterGraph(this.ctx, input, stop.filters ?? [], startTime, 0, 0);\n        graph.output.connect(level);\n        level.connect(output);\n\n        this.nodes.push(input, level, ...graph.nodes);\n        this.oscillators.push(...graph.oscillators);\n        for (const osc of graph.oscillators) osc.start(startTime);\n\n        this.inputs.set(stop.id, input);\n        return input;\n    }\n}\n\n/**\n * A bus's gain as a plain number.\n *\n * A curve-valued bus level is scheduled by the filter chain a bus carries, not\n * here: this node is created once for the whole bus and shared by every clip on\n * it, so there is no single clip start to resolve a curve against. Authoring a\n * bus fade as `filters: AudioFilters.gain(fadeOut(1))` puts it on the chain,\n * where it is scheduled against the context clock like any other.\n */\nfunction levelOf(stop: AudioBusStop): number {\n    const value = typeof stop.volume === \"number\" ? stop.volume : 1;\n    return Number.isFinite(value) ? value : 1;\n}\n"]}
+{"version":3,"file":"bus-graph.js","sourceRoot":"","sources":["../../src/audio/bus-graph.ts"],"names":[],"mappings":"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","sourcesContent":["import { busStopKey, type AudioBusStop, type AudioFilterItem } from \"@motionscript/core\";\r\nimport { buildAudioFilterGraph } from \"./filter-graph\";\r\n\r\n/**\r\n * The live chains for one audio context's buses.\r\n *\r\n * Held per context rather than per clip, because that is the whole difference\r\n * between a bus and per-clip processing: every clip naming a bus connects into\r\n * the *same* nodes, so a reverb on a bus is one tail the group shares rather\r\n * than one tail each. Flattening the levels into per-clip gain would sound\r\n * right; flattening the effects would not.\r\n */\r\nexport class AudioBusGraph {\r\n    constructor(\r\n        private readonly ctx: BaseAudioContext,\r\n        /** Where the last bus in a chain connects — the master, or the destination. */\r\n        private readonly destination: AudioNode,\r\n    ) { }\r\n\r\n    /**\r\n     * The input node a clip on `bus` should connect to, building the chain the\r\n     * first time it is asked for.\r\n     *\r\n     * `bus` is source-adjacent first, so `bus[0]` is the one the clip feeds and\r\n     * each stop after it is that bus's own parent. An empty or absent chain\r\n     * returns the destination, which is what every clip did before buses\r\n     * existed.\r\n     *\r\n     * `startTime` is the context time a new chain's schedule starts from, and\r\n     * `clipTime` the same instant in the stops' own seconds. A curve on a stop\r\n     * runs over its `startAt`–`endAt`, so the two are what place it.\r\n     */\r\n    inputFor(bus: readonly AudioBusStop[] | undefined, startTime: number, clipTime: number): AudioNode {\r\n        if (!bus || bus.length === 0) return this.destination;\r\n        return this.chainFrom(bus, 0, startTime, clipTime);\r\n    }\r\n\r\n    /** Disconnect every live bus node, so the next {@link inputFor} builds afresh. Safe to call more than once. */\r\n    dispose(): void {\r\n        for (const node of this.nodes) {\r\n            try { node.disconnect(); } catch { /* already torn down */ }\r\n        }\r\n        for (const osc of this.oscillators) {\r\n            try { osc.stop(); } catch { /* never started, or already stopped */ }\r\n        }\r\n        this.nodes.length = 0;\r\n        this.oscillators.length = 0;\r\n        this.inputs.clear();\r\n    }\r\n\r\n    private readonly inputs = new Map<string, AudioNode>();\r\n    private readonly nodes: AudioNode[] = [];\r\n    private readonly oscillators: OscillatorNode[] = [];\r\n\r\n    /**\r\n     * Build (or reuse) the chain for `bus[index]`, connected to whatever\r\n     * `bus[index + 1]` resolves to.\r\n     *\r\n     * Recursive rather than iterative because a bus's *output* has to exist\r\n     * before its own nodes can connect to it, and the outermost bus is the last\r\n     * entry.\r\n     *\r\n     * Reused by everything that changes what it sounds like, down to the master,\r\n     * not by id alone: a bus edited under a playing device, or one id on two\r\n     * tracks, is a different chain, and one built for the first would play the\r\n     * second through stale levels and a curve anchored to the wrong span.\r\n     */\r\n    private chainFrom(bus: readonly AudioBusStop[], index: number, startTime: number, clipTime: number): AudioNode {\r\n        if (index >= bus.length) return this.destination;\r\n\r\n        const stop = bus[index];\r\n        const key = bus.slice(index).map(busStopKey).join(\">\");\r\n        const existing = this.inputs.get(key);\r\n        if (existing) return existing;\r\n\r\n        const output = this.chainFrom(bus, index + 1, startTime, clipTime);\r\n\r\n        // A pass-through head every clip connects to, so the bus has one input\r\n        // whatever its filters turn out to be.\r\n        const input = this.ctx.createGain();\r\n        input.gain.value = 1;\r\n\r\n        // The level is a gain after the filters, as a sound's own level is, so a\r\n        // curve on it is scheduled exactly as one in `filters` is.\r\n        const level: AudioFilterItem = { type: \"gain\", value: stop.mute ? 0 : stop.volume };\r\n        const graph = buildAudioFilterGraph(\r\n            this.ctx, input, [...(stop.filters ?? []), level],\r\n            startTime, stop.endAt - stop.startAt, clipTime - stop.startAt,\r\n        );\r\n        graph.output.connect(output);\r\n\r\n        this.nodes.push(input, ...graph.nodes);\r\n        this.oscillators.push(...graph.oscillators);\r\n        for (const osc of graph.oscillators) osc.start(startTime);\r\n\r\n        this.inputs.set(key, input);\r\n        return input;\r\n    }\r\n}\r\n"]}

package/dist/audio/filter-graph.d.ts

@@ -24,8 +24,9 @@ export interface AudioFilterGraph {
  * by the caller (and affect timeline scheduling), not as a graph node.
  *
  * `startTime` is the AudioContext time the source starts; `clipDuration` is the
- * clip's scene-time length; `elapsed` is scene-seconds already played at a mid-clip
- * seek (0 for a clean start). These let curve-valued params schedule and align.
+ * clip-time length the curves run over (a clip's, or a bus's span); `elapsed` is
+ * clip-seconds already played at a mid-clip seek (0 for a clean start, negative
+ * before the span begins). These let curve-valued params schedule and align.
  *
  * Pass the already-created `source` so its `playbackRate` can be set by the
  * caller; this function only wires nodes *after* the source.
@@ -46,13 +47,13 @@ export declare function speedCurveOf(filters: readonly AudioFilterItem[] | undef
  *
  * The curve is authored over **source time** (rate as a function of how far through
  * the source we've played). `setValueAtTime`/`linearRampToValueAtTime` schedule in
- * **context time**, so we walk scene-time forward in small steps, convert each to a
+ * **context time**, so we walk clip-time forward in small steps, convert each to a
  * source-time offset via the integral inverse, read the curve there, and lay down a
  * value point at the matching context time. `scalar` folds in any constant speed
  * filters (they scale the whole rate uniformly).
  *
- * `elapsed` is scene-seconds already played at a mid-clip seek, so the schedule
+ * `elapsed` is clip-seconds already played at a mid-clip seek, so the schedule
  * starts at the seek point and aligns the playbackRate to the clip's true position.
  */
-export declare function applySpeedToPlaybackRate(rate: AudioParam, curve: ReturnType<typeof speedCurveOf>, sourceLength: number, sceneDuration: number, scalar: number, startTime: number, elapsed: number): void;
+export declare function applySpeedToPlaybackRate(rate: AudioParam, curve: ReturnType<typeof speedCurveOf>, sourceLength: number, clipDuration: number, scalar: number, startTime: number, elapsed: number): void;
 //# sourceMappingURL=filter-graph.d.ts.map

package/dist/audio/filter-graph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-graph.d.ts","sourceRoot":"","sources":["../../src/audio/filter-graph.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAA4C,MAAM,oBAAoB,CAAC;AAE/F;;;;;;;;;GASG;AACH,MAAM,WAAW,gBAAgB;IAC7B,MAAM,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,WAAW,EAAE,cAAc,EAAE,CAAC;CACjC;AAyFD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,qBAAqB,CACjC,GAAG,EAAE,gBAAgB,EACrB,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,SAAS,eAAe,EAAE,EACnC,SAAS,GAAE,MAAwB,EACnC,YAAY,GAAE,MAAU,EACxB,OAAO,GAAE,MAAU,GACpB,gBAAgB,CAwFlB;AAYD;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,SAAS,eAAe,EAAE,GAAG,SAAS,GAAG,MAAM,CAOtF;AAED,kEAAkE;AAClE,wBAAgB,YAAY,CAAC,OAAO,EAAE,SAAS,eAAe,EAAE,GAAG,SAAS,kDAM3E;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,wBAAwB,CACpC,IAAI,EAAE,UAAU,EAChB,KAAK,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,EACtC,YAAY,EAAE,MAAM,EACpB,aAAa,EAAE,MAAM,EACrB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,MAAM,GAChB,IAAI,CAgBN"}
+{"version":3,"file":"filter-graph.d.ts","sourceRoot":"","sources":["../../src/audio/filter-graph.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAA2C,MAAM,oBAAoB,CAAC;AAE9F;;;;;;;;;GASG;AACH,MAAM,WAAW,gBAAgB;IAC7B,MAAM,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,WAAW,EAAE,cAAc,EAAE,CAAC;CACjC;AA8FD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,qBAAqB,CACjC,GAAG,EAAE,gBAAgB,EACrB,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,SAAS,eAAe,EAAE,EACnC,SAAS,GAAE,MAAwB,EACnC,YAAY,GAAE,MAAU,EACxB,OAAO,GAAE,MAAU,GACpB,gBAAgB,CAwFlB;AAYD;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,SAAS,eAAe,EAAE,GAAG,SAAS,GAAG,MAAM,CAOtF;AAED,kEAAkE;AAClE,wBAAgB,YAAY,CAAC,OAAO,EAAE,SAAS,eAAe,EAAE,GAAG,SAAS,kDAM3E;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,wBAAwB,CACpC,IAAI,EAAE,UAAU,EAChB,KAAK,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,EACtC,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,EACpB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,MAAM,GAChB,IAAI,CAgBN"}

package/dist/audio/filter-graph.js

@@ -1,4 +1,4 @@
-import { isCurve, sourceTimeAtSceneElapsed } from "@motionscript/core";
+import { isCurve, sourceTimeAtClipElapsed } from "@motionscript/core";
 /**
  * How many sample points per second to bake an eased curve segment into for
  * `setValueCurveAtTime`. 200/s (≈ every 5ms) is smooth to the ear and cheap.
@@ -12,7 +12,7 @@ const CURVE_SAMPLES_PER_SECOND = 200;
  *   - linear segments via `setValueAtTime` + `linearRampToValueAtTime`,
  *   - eased segments baked into a `Float32Array` via `setValueCurveAtTime`.
  *
- * `elapsed` (scene-seconds already played when a mid-clip seek starts the source)
+ * `elapsed` (clip-seconds already played when a mid-clip seek starts the source)
  * shifts the schedule back by `elapsed` so "now" reads the curve's value at the
  * clip's *current* position, not its start. A `clamp(v)` hook lets a param keep a
  * valid range (e.g. echo mix 0–1) at every sampled point.
@@ -53,22 +53,27 @@ function applyParam(ctx, audioParam, param, startTime, clipDuration, elapsed, cl
             audioParam.setValueAtTime(finite(seg.to), Math.max(segStart, startTime));
             continue;
         }
+        // How far through this segment the seek lands. A segment already under way
+        // carries on from the anchor rather than starting over from its `from` —
+        // the case a bus hits whenever its first clip enters partway through it.
+        const done = Math.max(0, (startTime - segStart) / span);
+        const curveStart = Math.max(segStart, startTime);
         if (seg.isLinear) {
-            audioParam.setValueAtTime(finite(seg.from), Math.max(segStart, startTime));
+            if (done === 0)
+                audioParam.setValueAtTime(finite(seg.from), curveStart);
             audioParam.linearRampToValueAtTime(finite(seg.to), segEnd);
         }
         else {
-            const count = Math.max(2, Math.ceil(span * CURVE_SAMPLES_PER_SECOND));
+            const curveDur = segEnd - curveStart;
+            if (curveDur <= 0)
+                continue;
+            const count = Math.max(2, Math.ceil(curveDur * CURVE_SAMPLES_PER_SECOND));
             const samples = new Float32Array(count);
             for (let i = 0; i < count; i++) {
-                const local = i / (count - 1);
+                const local = done + (1 - done) * (i / (count - 1));
                 samples[i] = finite(seg.from + (seg.to - seg.from) * seg.ease(local));
             }
-            // setValueCurveAtTime can't start in the past; clamp the start forward.
-            const curveStart = Math.max(segStart, startTime);
-            const curveDur = segEnd - curveStart;
-            if (curveDur > 0)
-                audioParam.setValueCurveAtTime(samples, curveStart, curveDur);
+            audioParam.setValueCurveAtTime(samples, curveStart, curveDur);
         }
     }
 }
@@ -82,8 +87,9 @@ function applyParam(ctx, audioParam, param, startTime, clipDuration, elapsed, cl
  * by the caller (and affect timeline scheduling), not as a graph node.
  *
  * `startTime` is the AudioContext time the source starts; `clipDuration` is the
- * clip's scene-time length; `elapsed` is scene-seconds already played at a mid-clip
- * seek (0 for a clean start). These let curve-valued params schedule and align.
+ * clip-time length the curves run over (a clip's, or a bus's span); `elapsed` is
+ * clip-seconds already played at a mid-clip seek (0 for a clean start, negative
+ * before the span begins). These let curve-valued params schedule and align.
  *
  * Pass the already-created `source` so its `playbackRate` can be set by the
  * caller; this function only wires nodes *after* the source.
@@ -206,29 +212,29 @@ export function speedCurveOf(filters) {
  *
  * The curve is authored over **source time** (rate as a function of how far through
  * the source we've played). `setValueAtTime`/`linearRampToValueAtTime` schedule in
- * **context time**, so we walk scene-time forward in small steps, convert each to a
+ * **context time**, so we walk clip-time forward in small steps, convert each to a
  * source-time offset via the integral inverse, read the curve there, and lay down a
  * value point at the matching context time. `scalar` folds in any constant speed
  * filters (they scale the whole rate uniformly).
  *
- * `elapsed` is scene-seconds already played at a mid-clip seek, so the schedule
+ * `elapsed` is clip-seconds already played at a mid-clip seek, so the schedule
  * starts at the seek point and aligns the playbackRate to the clip's true position.
  */
-export function applySpeedToPlaybackRate(rate, curve, sourceLength, sceneDuration, scalar, startTime, elapsed) {
+export function applySpeedToPlaybackRate(rate, curve, sourceLength, clipDuration, scalar, startTime, elapsed) {
     if (!curve)
         return;
-    const step = 1 / CURVE_SAMPLES_PER_SECOND; // scene-time sampling step
-    let scene = Math.max(0, elapsed);
+    const step = 1 / CURVE_SAMPLES_PER_SECOND; // clip-time sampling step
+    const seekAt = Math.max(0, elapsed);
     // Seed the value exactly at the seek point.
-    const seedSrc = sourceTimeAtSceneElapsed(curve, sourceLength, scene);
+    const seedSrc = sourceTimeAtClipElapsed(curve, sourceLength, seekAt);
     rate.setValueAtTime(Math.max(1e-4, curve.sampleAt(seedSrc, sourceLength, 1) * scalar), startTime);
-    for (let s = scene + step; s <= sceneDuration + step; s += step) {
-        const clampedScene = Math.min(s, sceneDuration);
-        const srcT = sourceTimeAtSceneElapsed(curve, sourceLength, clampedScene);
+    for (let s = seekAt + step; s <= clipDuration + step; s += step) {
+        const clampedElapsed = Math.min(s, clipDuration);
+        const srcT = sourceTimeAtClipElapsed(curve, sourceLength, clampedElapsed);
         const value = Math.max(1e-4, curve.sampleAt(srcT, sourceLength, 1) * scalar);
-        const ctxTime = startTime + (clampedScene - scene);
+        const ctxTime = startTime + (clampedElapsed - seekAt);
         rate.linearRampToValueAtTime(value, ctxTime);
-        if (clampedScene >= sceneDuration)
+        if (clampedElapsed >= clipDuration)
             break;
     }
 }