@designcombo/video 0.0.1 → 0.0.3

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

@@ -10,7 +10,7 @@ export interface ITextClipOpts {
     fontSize?: number;
     /**
      * Font family
-     * @default 'Arial'
+     * @default 'Roboto'
      */
     fontFamily?: string;
     /**
@@ -88,6 +88,16 @@ export interface ITextClipOpts {
      * @default 0
      */
     letterSpacing?: number;
+    /**
+     * Text case transformation
+     * @default 'none'
+     */
+    textCase?: 'none' | 'uppercase' | 'lowercase' | 'title';
+    /**
+     * Text decoration ('none', 'underline', 'line-through', 'overline')
+     * @default 'none'
+     */
+    textDecoration?: 'none' | 'underline' | 'line-through' | 'overline';
 }
 /**
  * Text clip using PixiJS Text for rendering
@@ -108,6 +118,7 @@ export interface ITextClipOpts {
  * textClip.duration = 5e6; // 5 seconds
  */
 export declare class TextClip extends BaseClip {
+    readonly type = "Text";
     ready: IClip['ready'];
     private _meta;
     get meta(): {
@@ -143,7 +154,7 @@ export declare class TextClip extends BaseClip {
         stroke: {
             color: string | number;
             width: number;
-            join: "miter" | "round" | "bevel" | undefined;
+            join: "round" | "miter" | "bevel" | undefined;
             cap: "round" | "butt" | "square" | undefined;
             miterLimit: number | undefined;
         } | {
@@ -164,6 +175,8 @@ export declare class TextClip extends BaseClip {
         wordWrapWidth: number | undefined;
         lineHeight: number | undefined;
         letterSpacing: number | undefined;
+        textCase: "title" | "none" | "uppercase" | "lowercase" | undefined;
+        textDecoration: "none" | "underline" | "line-through" | "overline" | undefined;
     };
     private pixiText;
     private textStyle;
@@ -171,6 +184,20 @@ export declare class TextClip extends BaseClip {
     private externalRenderer;
     private pixiApp;
     private originalOpts;
+    /**
+     * Unique identifier for this clip instance
+     */
+    id: string;
+    /**
+     * Array of effects to be applied to this clip
+     * Each effect specifies key, startTime, duration, and optional targets
+     */
+    effects: Array<{
+        id: string;
+        key: string;
+        startTime: number;
+        duration: number;
+    }>;
     constructor(text: string, opts?: ITextClipOpts, renderer?: Application['renderer']);
     /**
      * Set an external renderer (e.g., from Studio) to avoid creating our own Pixi App
@@ -195,6 +222,18 @@ export declare class TextClip extends BaseClip {
         state: 'success';
     }>;
     split(_time: number): Promise<[this, this]>;
+    addEffect(effect: {
+        id: string;
+        key: string;
+        startTime: number;
+        duration: number;
+    }): void;
+    editEffect(effectId: string, newEffectData: Partial<{
+        key: string;
+        startTime: number;
+        duration: number;
+    }>): void;
+    removeEffect(effectId: string): void;
     clone(): Promise<this>;
     /**
      * Update text styling options and refresh the texture

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

@@ -32,7 +32,7 @@ type ExtMP4Sample = Omit<MP4Sample, 'data'> & {
  *
  * @example
  * // Load video clip asynchronously
- * const videoClip = await VideoClip.fromUrl("clip.mp4", {
+ * const videoClip = await VideoClip.fromUrl('clip.mp4', {
  *   x: 0,
  *   y: 0,
  *   width: 1920,
@@ -58,6 +58,7 @@ type ExtMP4Sample = Omit<MP4Sample, 'data'> & {
  * @see [Decode and play video](https://webav-tech.github.io/WebAV/demo/1_1-decode-video)
  */
 export declare class VideoClip extends BaseClip implements IPlaybackCapable {
+    readonly type = "Video";
     private insId;
     private logger;
     ready: IClip['ready'];
@@ -81,7 +82,6 @@ export declare class VideoClip extends BaseClip implements IPlaybackCapable {
     /** Store video transform and rotation info, currently only restores rotation */
     private parsedMatrix;
     private vfRotater;
-    private volume;
     private videoSamples;
     private audioSamples;
     private videoFrameFinder;
@@ -92,6 +92,20 @@ export declare class VideoClip extends BaseClip implements IPlaybackCapable {
      * Whether to include audio track (hybrid JSON structure)
      */
     audio: boolean;
+    /**
+     * Unique identifier for this clip instance
+     */
+    id: string;
+    /**
+     * Array of effects to be applied to this clip
+     * Each effect specifies key, startTime, duration, and optional targets
+     */
+    effects: Array<{
+        id: string;
+        key: string;
+        startTime: number;
+        duration: number;
+    }>;
     /**
      * Load a video clip from a URL
      * @param url Video URL
@@ -99,7 +113,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 VideoClip.fromUrl('clip.mp4', {
      *   x: 0,
      *   y: 0,
      *   width: 1920,
@@ -113,6 +127,8 @@ export declare class VideoClip extends BaseClip implements IPlaybackCapable {
         height?: number;
     }): Promise<VideoClip>;
     constructor(source: OPFSToolFile | ReadableStream<Uint8Array> | MPClipCloneArgs, opts?: IMP4ClipOpts, src?: string);
+    set volume(v: number);
+    get volume(): number;
     /**
      * Intercept data returned by {@link VideoClip.tick} method for secondary processing of image and audio data
      * @param time Time when tick was called
@@ -131,6 +147,18 @@ export declare class VideoClip extends BaseClip implements IPlaybackCapable {
         state: 'success' | 'done';
     }>;
     split(time: number): Promise<[this, this]>;
+    addEffect(effect: {
+        id: string;
+        key: string;
+        startTime: number;
+        duration: number;
+    }): void;
+    editEffect(effectId: string, newEffectData: Partial<{
+        key: string;
+        startTime: number;
+        duration: number;
+    }>): void;
+    removeEffect(effectId: string): void;
     clone(): Promise<this>;
     /**
      * Split VideoClip into VideoClips containing only video track and audio track

package/dist/colorToUniform-C2jGzNe1.js

@@ -0,0 +1,97 @@
+const l = {
+  name: "local-uniform-bit",
+  vertex: {
+    header: (
+      /* wgsl */
+      `
+
+            struct LocalUniforms {
+                uTransformMatrix:mat3x3<f32>,
+                uColor:vec4<f32>,
+                uRound:f32,
+            }
+
+            @group(1) @binding(0) var<uniform> localUniforms : LocalUniforms;
+        `
+    ),
+    main: (
+      /* wgsl */
+      `
+            vColor *= localUniforms.uColor;
+            modelMatrix *= localUniforms.uTransformMatrix;
+        `
+    ),
+    end: (
+      /* wgsl */
+      `
+            if(localUniforms.uRound == 1)
+            {
+                vPosition = vec4(roundPixels(vPosition.xy, globalUniforms.uResolution), vPosition.zw);
+            }
+        `
+    )
+  }
+}, e = {
+  ...l,
+  vertex: {
+    ...l.vertex,
+    // replace the group!
+    header: l.vertex.header.replace("group(1)", "group(2)")
+  }
+}, n = {
+  name: "local-uniform-bit",
+  vertex: {
+    header: (
+      /* glsl */
+      `
+
+            uniform mat3 uTransformMatrix;
+            uniform vec4 uColor;
+            uniform float uRound;
+        `
+    ),
+    main: (
+      /* glsl */
+      `
+            vColor *= uColor;
+            modelMatrix = uTransformMatrix;
+        `
+    ),
+    end: (
+      /* glsl */
+      `
+            if(uRound == 1.)
+            {
+                gl_Position.xy = roundPixels(gl_Position.xy, uResolution);
+            }
+        `
+    )
+  }
+};
+class a {
+  constructor() {
+    this.batcherName = "default", this.topology = "triangle-list", this.attributeSize = 4, this.indexSize = 6, this.packAsQuad = !0, this.roundPixels = 0, this._attributeStart = 0, this._batcher = null, this._batch = null;
+  }
+  get blendMode() {
+    return this.renderable.groupBlendMode;
+  }
+  get color() {
+    return this.renderable.groupColorAlpha;
+  }
+  reset() {
+    this.renderable = null, this.texture = null, this._batcher = null, this._batch = null, this.bounds = null;
+  }
+  destroy() {
+  }
+}
+function s(o, r, i) {
+  const t = (o >> 24 & 255) / 255;
+  r[i++] = (o & 255) / 255 * t, r[i++] = (o >> 8 & 255) / 255 * t, r[i++] = (o >> 16 & 255) / 255 * t, r[i++] = t;
+}
+export {
+  a as B,
+  l as a,
+  n as b,
+  s as c,
+  e as l
+};

package/dist/effect/effect.d.ts

@@ -0,0 +1,6 @@
+import { Filter, RenderTexture } from 'pixi.js';
+import { EffectOptions, EffectRendererOptions } from './types';
+export declare function makeEffect({ name, renderer }: EffectOptions): {
+    filter: Filter;
+    render({ width, height, canvasTexture, progress }: EffectRendererOptions): RenderTexture;
+};