Introduce VideoFrameTexture. (#1501)

* Introduce VideoFrameTexture. * Update three.js * Add examples * Update * Remove examples * Update
three-types · Jan 19, 2025 · f2c0265 · f2c0265
1 parent d765c6a
commit f2c0265
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 1 deletion.
diff --git a/examples-testing/index.js b/examples-testing/index.js
@@ -80,6 +80,7 @@ const exceptionList = [
     'webgpu_tsl_transpiler',
     'webgpu_tsl_vfx_linkedparticles',
     'webgpu_tsl_vfx_tornado',
+    'webgpu_video_frame',
     'webgpu_volume_cloud',
     'webgpu_volume_perlin',
     'webxr_vr_handinput_cubes',

diff --git a/three.js b/three.js
diff --git a/types/three/src/Three.Core.d.ts b/types/three/src/Three.Core.d.ts
@@ -155,5 +155,6 @@ export * from "./textures/DepthTexture.js";
 export * from "./textures/FramebufferTexture.js";
 export * from "./textures/Source.js";
 export * from "./textures/Texture.js";
+export * from "./textures/VideoFrameTexture.js";
 export * from "./textures/VideoTexture.js";
 export { createCanvasElement } from "./utils.js";
diff --git a/types/three/src/textures/VideoFrameTexture.d.ts b/types/three/src/textures/VideoFrameTexture.d.ts
@@ -0,0 +1,27 @@
+import {
+    MagnificationTextureFilter,
+    Mapping,
+    MinificationTextureFilter,
+    PixelFormat,
+    TextureDataType,
+    Wrapping,
+} from "../constants.js";
+import { VideoTexture } from "./VideoTexture.js";
+
+declare class VideoFrameTexture extends VideoTexture {
+    constructor(
+        mapping?: Mapping,
+        wrapS?: Wrapping,
+        wrapT?: Wrapping,
+        magFilter?: MagnificationTextureFilter,
+        minFilter?: MinificationTextureFilter,
+        format?: PixelFormat,
+        type?: TextureDataType,
+        anisotropy?: number,
+    );
+
+    // FIXME Replace with VideoFrame when we no longer need to support TypeScript 5.0
+    setFrame(frane: unknown): void;
+}
+
+export { VideoFrameTexture };
+2 −1		.eslintrc.json
+98 −0		docs/api/en/textures/VideoFrameTexture.html
+1 −0		docs/list.json
+1 −0		examples/files.json
+109 −0		examples/jsm/libs/demuxer_mp4.js
+ −		examples/screenshots/webgpu_video_frame.jpg
+2 −1		examples/tags.json
+116 −0		examples/webgpu_video_frame.html
+1 −0		src/Three.Core.js
+33 −0		src/textures/VideoFrameTexture.js
+1 −0		test/e2e/puppeteer.js