@designcombo/video 0.0.1 → 0.0.2

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

@@ -20,7 +20,7 @@ export interface IMP4ClipOpts {
      */
     __unsafe_hardwareAcceleration__?: HardwarePreference;
 }
-type ExtMP4Sample = Omit<MP4Sample, 'data'> & {
+type ExtMP4Sample = Omit<MP4Sample, "data"> & {
     is_idr: boolean;
     deleted?: boolean;
     data: null | Uint8Array;
@@ -60,7 +60,7 @@ type ExtMP4Sample = Omit<MP4Sample, 'data'> & {
 export declare class VideoClip extends BaseClip implements IPlaybackCapable {
     private insId;
     private logger;
-    ready: IClip['ready'];
+    ready: IClip["ready"];
     private _meta;
     get meta(): {
         duration: number;
@@ -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
@@ -120,7 +134,7 @@ export declare class VideoClip extends BaseClip implements IPlaybackCapable {
      *
      * @see [Remove video green screen background](https://webav-tech.github.io/WebAV/demo/3_2-chromakey-video)
      */
-    tickInterceptor: <T extends Awaited<ReturnType<VideoClip['tick']>>>(time: number, tickRet: T) => Promise<T>;
+    tickInterceptor: <T extends Awaited<ReturnType<VideoClip["tick"]>>>(time: number, tickRet: T) => Promise<T>;
     /**
      * Get image frame and audio data at specified time
      * @param time Time in microseconds
@@ -128,9 +142,21 @@ export declare class VideoClip extends BaseClip implements IPlaybackCapable {
     tick(time: number): Promise<{
         video?: VideoFrame;
         audio: Float32Array[];
-        state: 'success' | 'done';
+        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;
+};