openvideo 0.1.10 → 0.2.0

package/dist/json-serialization.d.ts

@@ -102,8 +102,15 @@ export interface TextStyleJSON {
     lineHeight?: number;
     letterSpacing?: number;
     textCase?: 'none' | 'uppercase' | 'lowercase' | 'title';
-    verticalAlign?: 'top' | 'center' | 'bottom';
     wordsPerLine?: 'single' | 'multiple';
+    verticalAlign?: 'top' | 'center' | 'bottom';
+    wordAnimation?: ICaptionWordAnimation;
+}
+export interface ICaptionWordAnimation {
+    type: 'scale' | 'opacity';
+    application: 'active' | 'keyword' | 'none';
+    value: number;
+    mode?: 'static' | 'dynamic';
 }
 export interface TextJSON extends BaseClipJSON {
     type: 'Text';
@@ -133,6 +140,7 @@ export interface CaptionDataJSON {
     colors?: CaptionColorsJSON;
     preserveKeywordColor?: boolean;
     positioning?: CaptionPositioningJSON;
+    wordAnimation?: ICaptionWordAnimation;
 }
 export interface CaptionJSON extends BaseClipJSON {
     type: 'Caption';
@@ -208,9 +216,12 @@ export interface ProjectJSON {
         height?: number;
         fps?: number;
         bgColor?: string;
+        format?: string;
         videoCodec?: string;
         bitrate?: number;
         audio?: boolean;
+        audioCodec?: string;
+        audioSampleRate?: number;
         metaDataTags?: Record<string, string>;
     };
 }

package/dist/sprite/base-sprite.d.ts

@@ -1,5 +1,6 @@
 import { default as EventEmitter } from '../event-emitter';
 import { IAnimation, AnimationTransform } from '../animation';
+import { IChromaKeyOpts } from '../clips/iclip';
 type IRectBaseProps = any;
 interface IAnimationOpts {
     duration: number;
@@ -10,7 +11,7 @@ type TAnimateProps = IRectBaseProps & {
     opacity: number;
 };
 export type TAnimationKeyFrame = Array<[number, Partial<TAnimateProps>]>;
-type TKeyFrameOpts = Partial<Record<`${number}%` | "from" | "to", Partial<TAnimateProps>>>;
+type TKeyFrameOpts = Partial<Record<`${number}%` | 'from' | 'to', Partial<TAnimateProps>>>;
 export interface BaseSpriteEvents {
     propsChange: Partial<{
         left: number;
@@ -128,7 +129,7 @@ export declare abstract class BaseSprite<T extends BaseSpriteEvents = BaseSprite
     /**
      * Flip clip horizontally or vertically
      */
-    flip: "horizontal" | "vertical" | null;
+    flip: 'horizontal' | 'vertical' | null;
     effects: Array<{
         id: string;
         key: string;
@@ -136,6 +137,10 @@ export declare abstract class BaseSprite<T extends BaseSpriteEvents = BaseSprite
         duration: number;
         targets?: number[];
     }>;
+    /**
+     * Chroma key settings (green screen removal)
+     */
+    chromaKey: IChromaKeyOpts;
     /**
      * Styling properties (e.g., stroke, dropShadow, borderRadius)
      * This is a generic object to hold visual styles across different clip types

package/dist/sprite/pixi-sprite-renderer.d.ts

@@ -45,6 +45,7 @@ export declare class PixiSpriteRenderer {
     private applyShadow;
     private applyBlur;
     private applyBrightness;
+    private applyChromaKey;
     updateTransforms(): void;
     getSprite(): Sprite | TilingSprite | null;
     getRoot(): Container | null;

package/dist/studio.d.ts

@@ -33,45 +33,45 @@ interface GlobalEffectInfo {
     duration: number;
 }
 export interface StudioEvents {
-    "selection:created": {
+    'selection:created': {
         selected: IClip[];
     };
-    "selection:updated": {
+    'selection:updated': {
         selected: IClip[];
     };
-    "selection:cleared": {
+    'selection:cleared': {
         deselected: IClip[];
     };
-    "track:added": {
+    'track:added': {
         track: StudioTrack;
         index?: number;
     };
-    "track:order-changed": {
+    'track:order-changed': {
         tracks: StudioTrack[];
     };
-    "track:removed": {
+    'track:removed': {
         trackId: string;
     };
-    "clip:added": {
+    'clip:added': {
         clip: IClip;
         trackId: string;
     };
-    "clips:added": {
+    'clips:added': {
         clips: IClip[];
         trackId?: string;
     };
-    "clip:removed": {
+    'clip:removed': {
         clipId: string;
     };
-    "clip:updated": {
+    'clip:updated': {
         clip: IClip;
     };
-    "clip:replaced": {
+    'clip:replaced': {
         oldClip: IClip;
         newClip: IClip;
         trackId: string;
     };
-    "studio:restored": {
+    'studio:restored': {
         clips: IClip[];
         tracks: StudioTrack[];
         settings: IStudioOpts;
@@ -85,7 +85,7 @@ export interface StudioEvents {
     pause: {
         isPlaying: boolean;
     };
-    "history:changed": {
+    'history:changed': {
         canUndo: boolean;
         canRedo: boolean;
     };
@@ -127,7 +127,7 @@ export declare class Studio extends EventEmitter<StudioEvents> {
     set currentTime(val: number);
     get maxDuration(): number;
     set maxDuration(val: number);
-    opts: Required<Omit<IStudioOpts, "canvas">> & {
+    opts: Required<Omit<IStudioOpts, 'canvas'>> & {
         canvas?: HTMLCanvasElement;
     };
     destroyed: boolean;
@@ -141,6 +141,9 @@ export declare class Studio extends EventEmitter<StudioEvents> {
     activeGlobalEffects: ActiveGlobalEffect[];
     currentGlobalEffectSprite: Sprite | null;
     effectFilters: Map<string, {
+        filter: null;
+        render({ canvasTexture }: import('./effect/types').EffectRendererOptions): Texture<import('pixi.js').TextureSource<any>>;
+    } | {
         filter: import('pixi.js').Filter;
         render({ width, height, canvasTexture, progress }: import('./effect/types').EffectRendererOptions): RenderTexture;
     }>;
@@ -186,6 +189,10 @@ export declare class Studio extends EventEmitter<StudioEvents> {
      * Update studio dimensions
      */
     setSize(width: number, height: number): void;
+    /**
+     * Update the background color of the studio
+     */
+    setBgColor(color: string): void;
     updateDimensions(width: number, height: number): void;
     private handleResize;
     updateArtboardLayout(): void;

package/dist/transition/glsl/gl-transition.d.ts

@@ -8,11 +8,31 @@ export interface GlTransition {
     previewDynamic?: string;
     previewStatic?: string;
 }
+/**
+ * Register a custom transition at runtime
+ */
+export declare function registerCustomTransition(name: string, transition: GlTransition): void;
+/**
+ * Unregister a custom transition at runtime
+ */
+export declare function unregisterCustomTransition(name: string): void;
+/**
+ * Get all available transitions, including library, static custom, and runtime registered ones
+ */
+export declare function getAllTransitions(): Record<string, GlTransition>;
 export declare const GL_TRANSITIONS: Record<string, GlTransition>;
-export type TransitionKey = keyof typeof GL_TRANSITIONS;
-export declare const GL_TRANSITION_OPTIONS: Array<{
+export type TransitionKey = string;
+export declare function getTransitionOptions(): {
     key: TransitionKey;
     label: string;
-    previewStatic: string | undefined;
-    previewDynamic: string | undefined;
-}>;
+    isCustom: boolean;
+    previewStatic: string;
+    previewDynamic: string;
+}[];
+export declare const GL_TRANSITION_OPTIONS: {
+    key: TransitionKey;
+    label: string;
+    isCustom: boolean;
+    previewStatic: string;
+    previewDynamic: string;
+}[];

package/dist/utils/color.d.ts

@@ -7,3 +7,11 @@ export declare const resolveColor: (color?: string, fallback?: number) => {
     color: number;
     alpha: number;
 };
+/**
+ * Convert hex color string to RGB object
+ */
+export declare function hexToRgb(hex: string): {
+    r: number;
+    g: number;
+    b: number;
+} | null;

package/dist/utils/stream-utils.d.ts

@@ -1,9 +1,4 @@
-import { MP4File } from 'wrapbox';
 export declare function autoReadStream<ST extends ReadableStream>(stream: ST, cbs: {
     onChunk: ST extends ReadableStream<infer DT> ? (chunk: DT) => Promise<void> : never;
     onDone: () => void;
 }): () => void;
-export declare function file2stream(file: MP4File, timeSlice: number, onCancel?: () => void): {
-    stream: ReadableStream<Uint8Array>;
-    stop: (err?: Error) => void;
-};

package/dist/webworkerAll-DY6Fccy4.js

@@ -0,0 +1,17 @@
+import { e as a, R as e, T as d, G as i, b as s, M as t, c as p, d as P, f as n, g as r, B as T, H as l, h as c, i as m, N as x, j as S, k as o } from "./index-DCWl03Hg.js";
+a.add(e);
+a.add(d);
+a.add(i);
+a.add(s);
+a.add(t);
+a.add(p);
+a.add(P);
+a.add(n);
+a.add(r);
+a.add(T);
+a.add(l);
+a.add(c);
+a.add(m);
+a.add(x);
+a.add(S);
+a.add(o);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "openvideo",
-  "version": "0.1.10",
+  "version": "0.2.0",
   "description": "Video rendering and processing library",
   "type": "module",
   "publishConfig": {
@@ -55,10 +55,11 @@
     "@pixi/layout": "^3.2.0",
     "gl-transitions": "^1.43.0",
     "gsap": "^3.12.7",
+    "mediabunny": "^1.26.0",
     "microdiff": "^1.4.0",
     "opfs-tools": "^0.7.2",
     "pixi.js": "^8.14.3",
     "wave-resampler": "^1.0.0",
-    "wrapbox": "^0.0.2"
+    "wrapbox": "^0.1.0"
   }
 }