@designcombo/video 0.1.11 → 0.1.13

package/dist/{SharedSystems-D0OoaJby.js → SharedSystems-CG7UWab9.js}

@@ -1,4 +1,4 @@
-import { F as Ie, u as Ee, l as se, M as v, G as De, v as Oe, S as Fe, x as ae, E as u, e as D, y as S, z as Le, H as O, I as b, R as F, J as ne, K as He, t as m, b as f, i as B, w as L, L as K, N as We, c as Y, B as y, j as U, O as ze, Q as C, k as M, V as w, W as Ve, a as Ne, X as ie, Y as oe, Z as le, _ as ue, C as P, $ as je, a0 as A, a1 as J, D as H, a2 as $e, a3 as qe, P as Ke, d as Ye, T as X, a4 as Q, a5 as Je, a6 as Xe, a7 as Qe } from "./index-DWKp2xEE.js";
+import { F as Ie, u as Ee, l as se, M as v, G as De, v as Oe, S as Fe, x as ae, E as u, e as D, y as S, z as Le, H as O, I as b, R as F, J as ne, K as He, t as m, b as f, i as B, w as L, L as K, N as We, c as Y, B as y, j as U, O as ze, Q as C, k as M, V as w, W as Ve, a as Ne, X as ie, Y as oe, Z as le, _ as ue, C as P, $ as je, a0 as A, a1 as J, D as H, a2 as $e, a3 as qe, P as Ke, d as Ye, T as X, a4 as Q, a5 as Je, a6 as Xe, a7 as Qe } from "./index-DSnnNrXJ.js";
 import { B as de, c as Ze } from "./colorToUniform-C2jGzNe1.js";
 var et = `in vec2 vMaskCoord;
 in vec2 vTextureCoord;

package/dist/{WebGLRenderer-CaF4ncl9.js → WebGLRenderer-Dgo-s22r.js}

@@ -1,6 +1,6 @@
-import { S as G, E as d, B as v, w as m, D as S, L as j, v as ve, s as U, t as b, a8 as Be, k as K, a9 as Ae, b as p, V as L, j as B, i as A, l as F, M as $, aa as z, ab as Ne, ac as ye, ad as Y, ae as Ce, A as De, R as Ie, e as T } from "./index-DWKp2xEE.js";
+import { S as G, E as d, B as v, w as m, D as S, L as j, v as ve, s as U, t as b, a8 as Be, k as K, a9 as Ae, b as p, V as L, j as B, i as A, l as F, M as $, aa as z, ab as Ne, ac as ye, ad as Y, ae as Ce, A as De, R as Ie, e as T } from "./index-DSnnNrXJ.js";
 import { b as q } from "./colorToUniform-C2jGzNe1.js";
-import { e as Ge, G as Ue, c as Fe, b as Oe, U as Pe, R as Me, B as Z, d as N, f as Le, S as He, a as we } from "./SharedSystems-D0OoaJby.js";
+import { e as Ge, G as Ue, c as Fe, b as Oe, U as Pe, R as Me, B as Z, d as N, f as Le, S as He, a as we } from "./SharedSystems-CG7UWab9.js";
 class Q {
   constructor() {
     this._tempState = G.for2d(), this._didUploadHash = {};

package/dist/{WebGPURenderer-CltimhzK.js → WebGPURenderer-B0u9us9-.js}

@@ -1,6 +1,6 @@
-import { S as E, g as A, E as p, f as ae, D as S, b as C, B as T, c as ue, d as L, h as M, w as v, i as x, j as ce, k as de, l as k, m as w, M as D, n as H, o as he, p as pe, q as z, s as F, t as R, A as le, R as fe, e as B } from "./index-DWKp2xEE.js";
+import { S as E, g as A, E as p, f as ae, D as S, b as C, B as T, c as ue, d as L, h as M, w as v, i as x, j as ce, k as de, l as k, m as w, M as D, n as H, o as he, p as pe, q as z, s as F, t as R, A as le, R as fe, e as B } from "./index-DSnnNrXJ.js";
 import { l as ge, a as me } from "./colorToUniform-C2jGzNe1.js";
-import { c as _e, u as be, U as xe, B as ye, G as Ge, e as Se, R as Be, t as Pe, S as Te, a as Ce } from "./SharedSystems-D0OoaJby.js";
+import { c as _e, u as be, U as xe, B as ye, G as Ge, e as Se, R as Be, t as Pe, S as Te, a as Ce } from "./SharedSystems-CG7UWab9.js";
 const y = E.for2d();
 class O {
   start(e, t, r) {

package/dist/{browserAll-tgth3L-L.js → browserAll-DGNNH8t5.js}

@@ -1,5 +1,5 @@
-import { T as M, U as Z, P as m, r as te, E as y, a as ie, w as g, e as P, C as V } from "./index-DWKp2xEE.js";
-import "./webworkerAll-CZg7nv2I.js";
+import { T as M, U as Z, P as m, r as te, E as y, a as ie, w as g, e as P, C as V } from "./index-DSnnNrXJ.js";
+import "./webworkerAll-CmuBF-4y.js";
 class q {
   constructor(e) {
     this._lastTransform = "", this._observer = null, this._tickerAttached = !1, this.updateTranslation = () => {

package/dist/clips/audio-clip.d.ts

@@ -1,7 +1,7 @@
 import { BaseClip } from './base-clip';
 import { IClip, IPlaybackCapable } from './iclip';
-import { AudioClipJSON } from '../json-serialization';
-interface IAudioClipOpts {
+import { AudioJSON } from '../json-serialization';
+interface IAudioOpts {
     loop?: boolean;
     volume?: number;
 }
@@ -10,17 +10,17 @@ interface IAudioClipOpts {
  *
  * @example
  * // Load audio clip asynchronously
- * const audioClip = await AudioClip.fromUrl('path/to/audio.mp3', {
+ * const audioClip = await Audio.fromUrl('path/to/audio.mp3', {
  *   loop: true,
  * });
  *
  * @example
  * // Traditional approach (for advanced use)
- * new AudioClip((await fetch('<mp3 url>')).body, {
+ * new Audio((await fetch('<mp3 url>')).body, {
  *   loop: true,
  * }),
  */
-export declare class AudioClip extends BaseClip implements IPlaybackCapable {
+export declare class Audio extends BaseClip implements IPlaybackCapable {
     readonly type = "Audio";
     static ctx: AudioContext | null;
     ready: IClip['ready'];
@@ -55,32 +55,32 @@ export declare class AudioClip extends BaseClip implements IPlaybackCapable {
      * @returns Promise that resolves to an audio clip
      *
      * @example
-     * const audioClip = await AudioClip.fromUrl('path/to/audio.mp3', {
+     * const audioClip = await Audio.fromUrl('path/to/audio.mp3', {
      *   loop: true,
      *   volume: 0.8,
      * });
      */
-    static fromUrl(url: string, opts?: IAudioClipOpts): Promise<AudioClip>;
+    static fromUrl(url: string, opts?: IAudioOpts): Promise<Audio>;
     /**
-     * Create an AudioClip instance from a JSON object (fabric.js pattern)
+     * Create an Audio instance from a JSON object (fabric.js pattern)
      * @param json The JSON object representing the clip
-     * @returns Promise that resolves to an AudioClip instance
+     * @returns Promise that resolves to an Audio instance
      */
-    static fromObject(json: AudioClipJSON): Promise<AudioClip>;
+    static fromObject(json: AudioJSON): Promise<Audio>;
     /**
      *
      * @param dataSource Audio file stream
      * @param opts Audio configuration, controls volume and whether to loop
      */
-    constructor(dataSource: ReadableStream<Uint8Array> | Float32Array[], opts?: IAudioClipOpts, src?: string);
+    constructor(dataSource: ReadableStream<Uint8Array> | Float32Array[], opts?: IAudioOpts, src?: string);
     private init;
     /**
-     * Intercept data returned by {@link AudioClip.tick} method for secondary processing of audio data
+     * Intercept data returned by {@link Audio.tick} method for secondary processing of audio data
      * @param time Time when tick was called
      * @param tickRet Data returned by tick
      *
      */
-    tickInterceptor: <T extends Awaited<ReturnType<AudioClip['tick']>>>(time: number, tickRet: T) => Promise<T>;
+    tickInterceptor: <T extends Awaited<ReturnType<Audio['tick']>>>(time: number, tickRet: T) => Promise<T>;
     private timestamp;
     private frameOffset;
     /**
@@ -106,8 +106,8 @@ export declare class AudioClip extends BaseClip implements IPlaybackCapable {
      * Destroy instance and release resources
      */
     destroy(): void;
-    toJSON(main?: boolean): AudioClipJSON;
-    static concatAudioClip: typeof concatAudioClip;
+    toJSON(main?: boolean): AudioJSON;
+    static concatAudio: typeof concatAudioClip;
     /**
      * Create HTMLAudioElement for playback
      */
@@ -124,5 +124,5 @@ export declare class AudioClip extends BaseClip implements IPlaybackCapable {
 /**
  * Concatenate multiple AudioClips
  */
-export declare function concatAudioClip(clips: AudioClip[], opts?: IAudioClipOpts): Promise<AudioClip>;
+export declare function concatAudioClip(clips: Audio[], opts?: IAudioOpts): Promise<Audio>;
 export {};

package/dist/clips/caption-clip.d.ts

@@ -1,8 +1,8 @@
 import { BaseClip } from './base-clip';
 import { IClip } from './iclip';
-import { CaptionClipJSON } from '../json-serialization';
+import { CaptionJSON } from '../json-serialization';
 import { Application, Texture } from 'pixi.js';
-export interface ICaptionClipOpts {
+export interface ICaptionOpts {
     /**
      * Font size in pixels
      * @default 30
@@ -173,7 +173,7 @@ export interface ICaptionClipOpts {
  * captionClip.display.from = 0;
  * captionClip.duration = 3e6; // 3 seconds
  */
-export declare class CaptionClip extends BaseClip implements IClip {
+export declare class Caption extends BaseClip implements IClip {
     readonly type = "Caption";
     ready: IClip['ready'];
     private _meta;
@@ -255,11 +255,11 @@ export declare class CaptionClip extends BaseClip implements IClip {
     private externalRenderer;
     private pixiApp;
     private originalOpts;
-    constructor(text: string, opts?: ICaptionClipOpts, renderer?: Application['renderer']);
+    constructor(text: string, opts?: ICaptionOpts, renderer?: Application['renderer']);
     /**
      * Update text styling options and refresh the caption rendering
      */
-    updateStyle(opts: Partial<ICaptionClipOpts>): Promise<void>;
+    updateStyle(opts: Partial<ICaptionOpts>): Promise<void>;
     private refreshCaptions;
     private lastLoggedTime;
     updateState(currentTime: number): void;
@@ -294,11 +294,11 @@ export declare class CaptionClip extends BaseClip implements IClip {
     removeEffect(effectId: string): void;
     clone(): Promise<this>;
     destroy(): void;
-    toJSON(main?: boolean): CaptionClipJSON;
+    toJSON(main?: boolean): CaptionJSON;
     /**
-     * Create a CaptionClip instance from a JSON object (fabric.js pattern)
+     * Create a Caption instance from a JSON object (fabric.js pattern)
      * @param json The JSON object representing the clip
-     * @returns Promise that resolves to a CaptionClip instance
+     * @returns Promise that resolves to a Caption instance
      */
-    static fromObject(json: CaptionClipJSON): Promise<CaptionClip>;
+    static fromObject(json: CaptionJSON): Promise<Caption>;
 }

package/dist/clips/effect-clip.d.ts

@@ -1,7 +1,7 @@
 import { BaseClip } from './base-clip';
 import { IClip } from './iclip';
 import { EffectKey } from '../effect/glsl/gl-effect';
-export declare class EffectClip extends BaseClip {
+export declare class Effect extends BaseClip {
     readonly type = "Effect";
     ready: IClip['ready'];
     private _meta;
@@ -31,7 +31,7 @@ export declare class EffectClip extends BaseClip {
     split(_time: number): Promise<[this, this]>;
     toJSON(main?: boolean): any;
     /**
-     * Create an EffectClip instance from a JSON object
+     * Create an Effect instance from a JSON object
      */
-    static fromObject(json: any): Promise<EffectClip>;
+    static fromObject(json: any): Promise<Effect>;
 }

package/dist/clips/image-clip.d.ts

@@ -1,7 +1,7 @@
 import { Texture } from 'pixi.js';
 import { BaseClip } from './base-clip';
 import { IClip } from './iclip';
-import { ClipJSON, ImageClipJSON } from '../json-serialization';
+import { ClipJSON, ImageJSON } from '../json-serialization';
 type AnimateImgType = 'avif' | 'webp' | 'png' | 'gif';
 /**
  * Image clip supporting animated images
@@ -10,14 +10,14 @@ type AnimateImgType = 'avif' | 'webp' | 'png' | 'gif';
  *
  * @example
  * // Load from URL using PixiJS Assets (optimized for Studio)
- * const imgClip = await ImageClip.fromUrl('path/to/image.png');
+ * const imgClip = await Image.fromUrl('path/to/image.png');
  *
  * @example
  * // Traditional approach (for Compositor/export)
- * new ImageClip((await fetch('<img url>')).body);
+ * new Image((await fetch('<img url>')).body);
  *
  * @example
- * new ImageClip(
+ * new Image(
  *   await renderTxt2ImgBitmap(
  *     'Watermark',
  *    `font-size:40px; color: white; text-shadow: 2px 2px 6px red;`,
@@ -25,7 +25,7 @@ type AnimateImgType = 'avif' | 'webp' | 'png' | 'gif';
  * )
  *
  */
-export declare class ImageClip extends BaseClip implements IClip {
+export declare class Image extends BaseClip implements IClip {
     readonly type = "Image";
     ready: IClip['ready'];
     private _meta;
@@ -63,12 +63,12 @@ export declare class ImageClip extends BaseClip implements IClip {
      *
      * @param url Image URL
      * @param src Optional source identifier for serialization
-     * @returns Promise that resolves to an ImageClip instance
+     * @returns Promise that resolves to an Image instance
      *
      * @example
-     * const imgClip = await ImageClip.fromUrl('path/to/image.png');
+     * const imgClip = await Image.fromUrl('path/to/image.png');
      */
-    static fromUrl(url: string, src?: string): Promise<ImageClip>;
+    static fromUrl(url: string, src?: string): Promise<Image>;
     /**
      * Get the PixiJS Texture (if available)
      * This is used for optimized rendering in Studio
@@ -84,7 +84,7 @@ export declare class ImageClip extends BaseClip implements IClip {
         stream: ReadableStream;
     }, src?: string);
     private initAnimateImg;
-    tickInterceptor: <T extends Awaited<ReturnType<ImageClip['tick']>>>(time: number, tickRet: T) => Promise<T>;
+    tickInterceptor: <T extends Awaited<ReturnType<Image['tick']>>>(time: number, tickRet: T) => Promise<T>;
     tick(time: number): Promise<{
         video: ImageBitmap | VideoFrame;
         state: 'success';
@@ -104,12 +104,12 @@ export declare class ImageClip extends BaseClip implements IClip {
     }>): void;
     removeEffect(effectId: string): void;
     destroy(): void;
-    toJSON(main?: boolean): ImageClipJSON;
+    toJSON(main?: boolean): ImageJSON;
     /**
-     * Create an ImageClip instance from a JSON object (fabric.js pattern)
+     * Create an Image instance from a JSON object (fabric.js pattern)
      * @param json The JSON object representing the clip
-     * @returns Promise that resolves to an ImageClip instance
+     * @returns Promise that resolves to an Image instance
      */
-    static fromObject(json: ClipJSON): Promise<ImageClip>;
+    static fromObject(json: ClipJSON): Promise<Image>;
 }
 export {};

package/dist/clips/index.d.ts

@@ -3,9 +3,12 @@ export * from './caption-clip';
 export * from './iclip';
 export * from './image-clip';
 export * from './video-clip';
-export { VideoClip } from './video-clip';
+export { Video } from './video-clip';
 export type { IMP4ClipOpts } from './video-clip';
 export * from './text-clip';
 export * from './effect-clip';
+export { Effect } from './effect-clip';
 export * from './placeholder-clip';
+export { Placeholder } from './placeholder-clip';
 export * from './transition-clip';
+export { Transition } from './transition-clip';

package/dist/clips/placeholder-clip.d.ts

@@ -1,6 +1,6 @@
 import { BaseClip } from './base-clip';
 import { IClipMeta } from './iclip';
-export declare class PlaceholderClip extends BaseClip {
+export declare class Placeholder extends BaseClip {
     type: string;
     meta: IClipMeta;
     constructor(src: string, meta?: Partial<IClipMeta>, type?: string);

package/dist/clips/text-clip.d.ts

@@ -1,8 +1,8 @@
 import { Application, Texture } from 'pixi.js';
 import { BaseClip } from './base-clip';
 import { IClip } from './iclip';
-import { TextClipJSON } from '../json-serialization';
-export interface ITextClipOpts {
+import { TextJSON } from '../json-serialization';
+export interface ITextOpts {
     /**
      * Font size in pixels
      * @default 40
@@ -116,7 +116,7 @@ export interface ITextClipOpts {
  * Text clip using PixiJS Text for rendering
  *
  * @example
- * const textClip = new TextClip('Hello World', {
+ * const textClip = new Text('Hello World', {
  *   fontSize: 48,
  *   fill: '#ffffff',
  *   stroke: '#000000',
@@ -130,7 +130,7 @@ export interface ITextClipOpts {
  * });
  * textClip.duration = 5e6; // 5 seconds
  */
-export declare class TextClip extends BaseClip {
+export declare class Text extends BaseClip {
     readonly type = "Text";
     ready: IClip['ready'];
     private _meta;
@@ -160,7 +160,7 @@ export declare class TextClip extends BaseClip {
      * Provides direct access to styling properties
      */
     get style(): any;
-    set style(opts: Partial<ITextClipOpts>);
+    set style(opts: Partial<ITextOpts>);
     /**
      * Text alignment proxy for compatibility with UI
      */
@@ -196,7 +196,7 @@ export declare class TextClip extends BaseClip {
         startTime: number;
         duration: number;
     }>;
-    constructor(text: string, opts?: ITextClipOpts, renderer?: Application['renderer']);
+    constructor(text: string, opts?: ITextOpts, renderer?: Application['renderer']);
     /**
      * Set an external renderer (e.g., from Studio) to avoid creating our own Pixi App
      * This is an optimization for Studio preview
@@ -237,24 +237,24 @@ export declare class TextClip extends BaseClip {
      * Update text styling options and refresh the texture
      * This is used for dynamic updates like resizing with text reflow
      */
-    updateStyle(opts: Partial<ITextClipOpts>): Promise<void>;
+    updateStyle(opts: Partial<ITextOpts>): Promise<void>;
     /**
      * Refresh the internal Pixi Text and RenderTexture
      * Calculates dimensions based on text bounds and wrapping options
      */
     private refreshText;
     /**
-     * Helper to create PixiJS TextStyle options from TextClip options
+     * Helper to create PixiJS TextStyle options from Text options
      */
     private createStyleFromOpts;
     destroy(): void;
-    toJSON(main?: boolean): TextClipJSON;
+    toJSON(main?: boolean): TextJSON;
     /**
-     * Create a TextClip instance from a JSON object (fabric.js pattern)
+     * Create a Text instance from a JSON object (fabric.js pattern)
      * @param json The JSON object representing the clip
-     * @returns Promise that resolves to a TextClip instance
+     * @returns Promise that resolves to a Text instance
      */
-    static fromObject(json: TextClipJSON): Promise<TextClip>;
+    static fromObject(json: TextJSON): Promise<Text>;
     /**
      * Override handle visibility for text clips
      * Text clips should only show: mr (mid-right), mb (mid-bottom), br (bottom-right), and rot (rotation)

package/dist/clips/transition-clip.d.ts

@@ -1,7 +1,7 @@
 import { BaseClip } from './base-clip';
 import { IClip } from './iclip';
 import { TransitionKey } from '../transition/glsl/gl-transition';
-export declare class TransitionClip extends BaseClip {
+export declare class Transition extends BaseClip {
     readonly type = "Transition";
     ready: IClip['ready'];
     private _meta;
@@ -39,7 +39,7 @@ export declare class TransitionClip extends BaseClip {
     split(_time: number): Promise<[this, this]>;
     toJSON(main?: boolean): any;
     /**
-     * Create a TransitionClip instance from a JSON object
+     * Create a Transition instance from a JSON object
      */
-    static fromObject(json: any): Promise<TransitionClip>;
+    static fromObject(json: any): Promise<Transition>;
 }

package/dist/clips/video-clip.d.ts

@@ -2,7 +2,7 @@ import { MP4Sample } from 'wrapbox';
 import { file } from 'opfs-tools';
 import { BaseClip } from './base-clip';
 import { IClip, IPlaybackCapable } from './iclip';
-import { VideoClipJSON } from '../json-serialization';
+import { VideoJSON } from '../json-serialization';
 type OPFSToolFile = ReturnType<typeof file>;
 type MPClipCloneArgs = Awaited<ReturnType<typeof mp4FileToSamples>> & {
     localFile: OPFSToolFile;
@@ -25,14 +25,19 @@ type ExtMP4Sample = Omit<MP4Sample, 'data'> & {
     deleted?: boolean;
     data: null | Uint8Array;
 };
+type ThumbnailOpts = {
+    start: number;
+    end: number;
+    step: number;
+};
 /**
- * Video clip, parses MP4 files, uses {@link VideoClip.tick} to decode image frames at specified time on demand
+ * Video clip, parses MP4 files, uses {@link Video.tick} to decode image frames at specified time on demand
  *
  * Can be used to implement video frame extraction, thumbnail generation, video editing and other functions
  *
  * @example
  * // Load video clip asynchronously
- * const videoClip = await VideoClip.fromUrl('clip.mp4', {
+ * const videoClip = await Video.fromUrl('clip.mp4', {
  *   x: 0,
  *   y: 0,
  *   width: 1920,
@@ -48,7 +53,7 @@ type ExtMP4Sample = Omit<MP4Sample, 'data'> & {
  * });
  *
  */
-export declare class VideoClip extends BaseClip implements IPlaybackCapable {
+export declare class Video extends BaseClip implements IPlaybackCapable {
     readonly type = "Video";
     private insId;
     private logger;
@@ -104,7 +109,7 @@ export declare class VideoClip extends BaseClip implements IPlaybackCapable {
      * @returns Promise that resolves to a video clip
      *
      * @example
-     * const videoClip = await VideoClip.fromUrl('clip.mp4', {
+     * const videoClip = await Video.fromUrl('clip.mp4', {
      *   x: 0,
      *   y: 0,
      *   width: 1920,
@@ -116,15 +121,15 @@ export declare class VideoClip extends BaseClip implements IPlaybackCapable {
         y?: number;
         width?: number;
         height?: number;
-    }): Promise<VideoClip>;
+    }): Promise<Video>;
     constructor(source: OPFSToolFile | ReadableStream<Uint8Array> | MPClipCloneArgs, opts?: IMP4ClipOpts, src?: string);
     /**
-     * Intercept data returned by {@link VideoClip.tick} method for secondary processing of image and audio data
+     * Intercept data returned by {@link Video.tick} method for secondary processing of image and audio data
      * @param time Time when tick was called
      * @param tickRet Data returned by tick
      *
      *    */
-    tickInterceptor: <T extends Awaited<ReturnType<VideoClip['tick']>>>(time: number, tickRet: T) => Promise<T>;
+    tickInterceptor: <T extends Awaited<ReturnType<Video['tick']>>>(time: number, tickRet: T) => Promise<T>;
     /**
      * Get image frame and audio data at specified time
      * @param time Time in microseconds
@@ -134,6 +139,19 @@ export declare class VideoClip extends BaseClip implements IPlaybackCapable {
         audio: Float32Array[];
         state: 'success' | 'done';
     }>;
+    private thumbAborter;
+    private thumbFinder;
+    /**
+     * Generate thumbnails, default generates one 100px width thumbnail per keyframe.
+     *
+     * @param imgWidth Thumbnail width, default 100
+     * @param opts Partial<ThumbnailOpts>
+     * @returns Promise<Array<{ ts: number; img: Blob }>>
+     */
+    thumbnails(imgWidth?: number, opts?: Partial<ThumbnailOpts>): Promise<Array<{
+        ts: number;
+        img: Blob;
+    }>>;
     split(time: number): Promise<[this, this]>;
     addEffect(effect: {
         id: string;
@@ -149,18 +167,22 @@ export declare class VideoClip extends BaseClip implements IPlaybackCapable {
     removeEffect(effectId: string): void;
     clone(): Promise<this>;
     /**
-     * Split VideoClip into VideoClips containing only video track and audio track
+     * Split Video into VideoClips containing only video track and audio track
      * @returns VideoClip[]
      */
-    splitTrack(): Promise<VideoClip[]>;
+    splitTrack(): Promise<Video[]>;
+    /**
+     * Clean up thumbnail generation resources
+     */
+    cleanupThumbnails: () => Promise<void>;
     destroy(): void;
-    toJSON(main?: boolean): VideoClipJSON;
+    toJSON(main?: boolean): VideoJSON;
     /**
-     * Create a VideoClip instance from a JSON object (fabric.js pattern)
+     * Create a Video instance from a JSON object (fabric.js pattern)
      * @param json The JSON object representing the clip
-     * @returns Promise that resolves to a VideoClip instance
+     * @returns Promise that resolves to a Video instance
      */
-    static fromObject(json: VideoClipJSON): Promise<VideoClip>;
+    static fromObject(json: VideoJSON): Promise<Video>;
     /**
      * Create HTMLVideoElement for playback
      */

package/dist/compositor.d.ts

@@ -25,10 +25,10 @@ export interface ICompositorOpts {
  * Video compositor that can add multiple {@link OffscreenSprite} instances,
  * @example
  * const spr1 = new OffscreenSprite(
- *   new VideoClip((await fetch('<mp4 url>')).body),
+ *   new Video((await fetch('<mp4 url>')).body),
  * );
  * const spr2 = new OffscreenSprite(
- *   await AudioClip.fromUrl('<audio url>'),
+ *   await Audio.fromUrl('<audio url>'),
  * );
  * const com = new Compositor({ width: 1280, height: 720, });