@remotion/three 4.0.244 → 4.0.246
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.md +1 -1
- package/dist/cjs/ThreeCanvas.d.ts +0 -4
- package/dist/cjs/ThreeCanvas.js +2 -2
- package/dist/cjs/use-offthread-video-texture.d.ts +0 -6
- package/dist/cjs/use-offthread-video-texture.js +2 -4
- package/dist/cjs/use-video-texture.d.ts +0 -4
- package/dist/cjs/use-video-texture.js +1 -1
- package/package.json +5 -5
package/LICENSE.md
CHANGED
|
@@ -5,8 +5,4 @@ export type ThreeCanvasProps = React.ComponentProps<typeof Canvas> & {
|
|
|
5
5
|
readonly height: number;
|
|
6
6
|
readonly children: React.ReactNode;
|
|
7
7
|
};
|
|
8
|
-
/**
|
|
9
|
-
* @description A wrapper for React Three Fiber's <Canvas /> which synchronizes with Remotions useCurrentFrame().
|
|
10
|
-
* @see [Documentation](https://www.remotion.dev/docs/three-canvas)
|
|
11
|
-
*/
|
|
12
8
|
export declare const ThreeCanvas: (props: ThreeCanvasProps) => import("react/jsx-runtime").JSX.Element;
|
package/dist/cjs/ThreeCanvas.js
CHANGED
|
@@ -17,8 +17,8 @@ const Scale = ({ width, height, }) => {
|
|
|
17
17
|
}, [setSize, width, height, set]);
|
|
18
18
|
return null;
|
|
19
19
|
};
|
|
20
|
-
|
|
21
|
-
* @description A wrapper for React Three Fiber's <Canvas /> which synchronizes with
|
|
20
|
+
/*
|
|
21
|
+
* @description A wrapper for React Three Fiber's <Canvas /> which synchronizes with Remotion's useCurrentFrame().
|
|
22
22
|
* @see [Documentation](https://www.remotion.dev/docs/three-canvas)
|
|
23
23
|
*/
|
|
24
24
|
const ThreeCanvas = (props) => {
|
|
@@ -11,10 +11,4 @@ export declare const useInnerVideoTexture: ({ playbackRate, src, transparent, to
|
|
|
11
11
|
transparent: boolean;
|
|
12
12
|
toneMapped: boolean;
|
|
13
13
|
}) => Texture | null;
|
|
14
|
-
/**
|
|
15
|
-
* @description Allows you to use a video in React Three Fiber that is synchronized with Remotion's `useCurrentFrame()` using the `<OffthreadVideo>`.
|
|
16
|
-
* @see [Documentation](https://remotion.dev/docs/use-offthread-video-texture)
|
|
17
|
-
* @param {UseOffthreadVideoTextureOptions} options Configuration options including the video source (`src`), playback rate (`playbackRate`), transparency (`transparent`), and tone mapping (`toneMapped`).
|
|
18
|
-
* @returns {THREE.Texture | null} A THREE.Texture if available, otherwise null. To be used as a texture in 3D objects in React Three Fiber.
|
|
19
|
-
*/
|
|
20
14
|
export declare function useOffthreadVideoTexture({ src, playbackRate, transparent, toneMapped, }: UseOffthreadVideoTextureOptions): Texture | null;
|
|
@@ -83,11 +83,9 @@ const useInnerVideoTexture = ({ playbackRate, src, transparent, toneMapped, }) =
|
|
|
83
83
|
return imageTexture;
|
|
84
84
|
};
|
|
85
85
|
exports.useInnerVideoTexture = useInnerVideoTexture;
|
|
86
|
-
|
|
86
|
+
/*
|
|
87
87
|
* @description Allows you to use a video in React Three Fiber that is synchronized with Remotion's `useCurrentFrame()` using the `<OffthreadVideo>`.
|
|
88
|
-
* @see [Documentation](https://remotion.dev/docs/use-offthread-video-texture)
|
|
89
|
-
* @param {UseOffthreadVideoTextureOptions} options Configuration options including the video source (`src`), playback rate (`playbackRate`), transparency (`transparent`), and tone mapping (`toneMapped`).
|
|
90
|
-
* @returns {THREE.Texture | null} A THREE.Texture if available, otherwise null. To be used as a texture in 3D objects in React Three Fiber.
|
|
88
|
+
* @see [Documentation](https://www.remotion.dev/docs/use-offthread-video-texture)
|
|
91
89
|
*/
|
|
92
90
|
function useOffthreadVideoTexture({ src, playbackRate = 1, transparent = false, toneMapped = true, }) {
|
|
93
91
|
if (!src) {
|
|
@@ -2,8 +2,4 @@ import React from 'react';
|
|
|
2
2
|
import type { Video } from 'remotion';
|
|
3
3
|
import type { VideoTexture } from 'three/src/textures/VideoTexture';
|
|
4
4
|
export type UseVideoTextureOptions = React.ComponentProps<typeof Video>;
|
|
5
|
-
/**
|
|
6
|
-
* @description Allows you to use a video in React Three Fiber that is synchronized with Remotion's useCurrentFrame().
|
|
7
|
-
* @see [Documentation](https://www.remotion.dev/docs/use-video-texture)
|
|
8
|
-
*/
|
|
9
5
|
export declare const useVideoTexture: (videoRef: React.RefObject<HTMLVideoElement | null>) => VideoTexture | null;
|
|
@@ -35,7 +35,7 @@ const warnAboutRequestVideoFrameCallback = () => {
|
|
|
35
35
|
// eslint-disable-next-line no-console
|
|
36
36
|
console.warn('Browser does not support requestVideoFrameCallback. Cannot display video.');
|
|
37
37
|
};
|
|
38
|
-
|
|
38
|
+
/*
|
|
39
39
|
* @description Allows you to use a video in React Three Fiber that is synchronized with Remotion's useCurrentFrame().
|
|
40
40
|
* @see [Documentation](https://www.remotion.dev/docs/use-video-texture)
|
|
41
41
|
*/
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"url": "https://github.com/remotion-dev/remotion/tree/main/packages/three"
|
|
4
4
|
},
|
|
5
5
|
"name": "@remotion/three",
|
|
6
|
-
"version": "4.0.
|
|
6
|
+
"version": "4.0.246",
|
|
7
7
|
"description": "Include React Three Fiber components in a Remotion video",
|
|
8
8
|
"main": "dist/cjs/index.js",
|
|
9
9
|
"types": "dist/cjs/index.d.ts",
|
|
@@ -16,14 +16,14 @@
|
|
|
16
16
|
"url": "https://github.com/remotion-dev/remotion/issues"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"remotion": "4.0.
|
|
19
|
+
"remotion": "4.0.246"
|
|
20
20
|
},
|
|
21
21
|
"peerDependencies": {
|
|
22
22
|
"@react-three/fiber": ">=8.0.0",
|
|
23
23
|
"react": ">=16.8.0",
|
|
24
24
|
"react-dom": ">=16.8.0",
|
|
25
25
|
"three": ">=0.137.0",
|
|
26
|
-
"remotion": "4.0.
|
|
26
|
+
"remotion": "4.0.246"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
29
|
"@react-three/fiber": "9.0.0-rc.1",
|
|
@@ -34,8 +34,8 @@
|
|
|
34
34
|
"react-dom": "19.0.0",
|
|
35
35
|
"three": "0.171.0",
|
|
36
36
|
"eslint": "9.14.0",
|
|
37
|
-
"remotion": "4.0.
|
|
38
|
-
"@remotion/eslint-config-internal": "4.0.
|
|
37
|
+
"remotion": "4.0.246",
|
|
38
|
+
"@remotion/eslint-config-internal": "4.0.246"
|
|
39
39
|
},
|
|
40
40
|
"keywords": [
|
|
41
41
|
"remotion",
|