@remotion/three 4.0.269 → 4.0.271

package/dist/cjs/use-offthread-video-texture.d.ts

@@ -4,11 +4,15 @@ export type UseOffthreadVideoTextureOptions = {
     playbackRate?: number;
     transparent?: boolean;
     toneMapped?: boolean;
+    delayRenderRetries?: number;
+    delayRenderTimeoutInMilliseconds?: number;
 };
-export declare const useInnerVideoTexture: ({ playbackRate, src, transparent, toneMapped, }: {
+export declare const useInnerVideoTexture: ({ playbackRate, src, transparent, toneMapped, delayRenderRetries, delayRenderTimeoutInMilliseconds, }: {
     playbackRate: number;
     src: string;
     transparent: boolean;
     toneMapped: boolean;
+    delayRenderRetries?: number;
+    delayRenderTimeoutInMilliseconds?: number;
 }) => Texture | null;
-export declare function useOffthreadVideoTexture({ src, playbackRate, transparent, toneMapped, }: UseOffthreadVideoTextureOptions): Texture | null;
+export declare function useOffthreadVideoTexture({ src, playbackRate, transparent, toneMapped, delayRenderRetries, delayRenderTimeoutInMilliseconds, }: UseOffthreadVideoTextureOptions): Texture | null;

package/dist/cjs/use-offthread-video-texture.js

@@ -28,7 +28,7 @@ exports.useOffthreadVideoTexture = useOffthreadVideoTexture;
 const react_1 = require("react");
 const remotion_1 = require("remotion");
 const no_react_1 = require("remotion/no-react");
-const useInnerVideoTexture = ({ playbackRate, src, transparent, toneMapped, }) => {
+const useInnerVideoTexture = ({ playbackRate, src, transparent, toneMapped, delayRenderRetries, delayRenderTimeoutInMilliseconds, }) => {
     const frame = (0, remotion_1.useCurrentFrame)();
     const { fps } = (0, remotion_1.useVideoConfig)();
     const mediaStartsAt = remotion_1.Internals.useMediaStartsAt();
@@ -50,7 +50,10 @@ const useInnerVideoTexture = ({ playbackRate, src, transparent, toneMapped, }) =
     const [textLoaderPromise] = (0, react_1.useState)(() => Promise.resolve().then(() => __importStar(require('three/src/loaders/TextureLoader.js'))));
     const [imageTexture, setImageTexture] = (0, react_1.useState)(null);
     const fetchTexture = (0, react_1.useCallback)(() => {
-        const imageTextureHandle = (0, remotion_1.delayRender)('fetch offthread video frame');
+        const imageTextureHandle = (0, remotion_1.delayRender)('fetch offthread video frame', {
+            retries: delayRenderRetries !== null && delayRenderRetries !== void 0 ? delayRenderRetries : undefined,
+            timeoutInMilliseconds: delayRenderTimeoutInMilliseconds !== null && delayRenderTimeoutInMilliseconds !== void 0 ? delayRenderTimeoutInMilliseconds : undefined,
+        });
         let textureLoaded = null;
         let cleanedUp = false;
         textLoaderPromise.then((loader) => {
@@ -73,7 +76,12 @@ const useInnerVideoTexture = ({ playbackRate, src, transparent, toneMapped, }) =
             textureLoaded === null || textureLoaded === void 0 ? void 0 : textureLoaded.dispose();
             (0, remotion_1.continueRender)(imageTextureHandle);
         };
-    }, [offthreadVideoFrameSrc, textLoaderPromise]);
+    }, [
+        offthreadVideoFrameSrc,
+        textLoaderPromise,
+        delayRenderRetries,
+        delayRenderTimeoutInMilliseconds,
+    ]);
     (0, react_1.useLayoutEffect)(() => {
         const cleanup = fetchTexture();
         return () => {
@@ -87,7 +95,7 @@ exports.useInnerVideoTexture = useInnerVideoTexture;
  * @description Allows you to use a video in React Three Fiber that is synchronized with Remotion's `useCurrentFrame()` using the `<OffthreadVideo>`.
  * @see [Documentation](https://www.remotion.dev/docs/use-offthread-video-texture)
  */
-function useOffthreadVideoTexture({ src, playbackRate = 1, transparent = false, toneMapped = true, }) {
+function useOffthreadVideoTexture({ src, playbackRate = 1, transparent = false, toneMapped = true, delayRenderRetries, delayRenderTimeoutInMilliseconds, }) {
     if (!src) {
         throw new Error('src must be provided to useOffthreadVideoTexture');
     }
@@ -95,5 +103,12 @@ function useOffthreadVideoTexture({ src, playbackRate = 1, transparent = false,
     if (!isRendering) {
         throw new Error('useOffthreadVideoTexture() can only be used during rendering. Use getRemotionEnvironment().isRendering to render it conditionally.');
     }
-    return (0, exports.useInnerVideoTexture)({ playbackRate, src, transparent, toneMapped });
+    return (0, exports.useInnerVideoTexture)({
+        playbackRate,
+        src,
+        transparent,
+        toneMapped,
+        delayRenderRetries,
+        delayRenderTimeoutInMilliseconds,
+    });
 }

package/dist/esm/index.mjs

@@ -117,7 +117,9 @@ var useInnerVideoTexture = ({
   playbackRate,
   src,
   transparent,
-  toneMapped
+  toneMapped,
+  delayRenderRetries,
+  delayRenderTimeoutInMilliseconds
 }) => {
   const frame = useCurrentFrame();
   const { fps } = useVideoConfig();
@@ -140,7 +142,10 @@ var useInnerVideoTexture = ({
   const [textLoaderPromise] = useState2(() => import("three/src/loaders/TextureLoader.js"));
   const [imageTexture, setImageTexture] = useState2(null);
   const fetchTexture = useCallback2(() => {
-    const imageTextureHandle = delayRender3("fetch offthread video frame");
+    const imageTextureHandle = delayRender3("fetch offthread video frame", {
+      retries: delayRenderRetries ?? undefined,
+      timeoutInMilliseconds: delayRenderTimeoutInMilliseconds ?? undefined
+    });
     let textureLoaded = null;
     let cleanedUp = false;
     textLoaderPromise.then((loader) => {
@@ -160,7 +165,12 @@ var useInnerVideoTexture = ({
       textureLoaded?.dispose();
       continueRender3(imageTextureHandle);
     };
-  }, [offthreadVideoFrameSrc, textLoaderPromise]);
+  }, [
+    offthreadVideoFrameSrc,
+    textLoaderPromise,
+    delayRenderRetries,
+    delayRenderTimeoutInMilliseconds
+  ]);
   useLayoutEffect3(() => {
     const cleanup = fetchTexture();
     return () => {
@@ -173,7 +183,9 @@ function useOffthreadVideoTexture({
   src,
   playbackRate = 1,
   transparent = false,
-  toneMapped = true
+  toneMapped = true,
+  delayRenderRetries,
+  delayRenderTimeoutInMilliseconds
 }) {
   if (!src) {
     throw new Error("src must be provided to useOffthreadVideoTexture");
@@ -182,7 +194,14 @@ function useOffthreadVideoTexture({
   if (!isRendering) {
     throw new Error("useOffthreadVideoTexture() can only be used during rendering. Use getRemotionEnvironment().isRendering to render it conditionally.");
   }
-  return useInnerVideoTexture({ playbackRate, src, transparent, toneMapped });
+  return useInnerVideoTexture({
+    playbackRate,
+    src,
+    transparent,
+    toneMapped,
+    delayRenderRetries,
+    delayRenderTimeoutInMilliseconds
+  });
 }
 // src/use-video-texture.ts
 import React3, { useCallback as useCallback3, useState as useState3 } from "react";

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/three"
   },
   "name": "@remotion/three",
-  "version": "4.0.269",
+  "version": "4.0.271",
   "description": "Include React Three Fiber components in a Remotion video",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",
@@ -16,14 +16,14 @@
     "url": "https://github.com/remotion-dev/remotion/issues"
   },
   "dependencies": {
-    "remotion": "4.0.269"
+    "remotion": "4.0.271"
   },
   "peerDependencies": {
     "@react-three/fiber": ">=8.0.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "three": ">=0.137.0",
-    "remotion": "4.0.269"
+    "remotion": "4.0.271"
   },
   "devDependencies": {
     "@react-three/fiber": "9.0.0-rc.6",
@@ -34,8 +34,8 @@
     "react-dom": "19.0.0",
     "three": "0.171.0",
     "eslint": "9.19.0",
-    "remotion": "4.0.269",
-    "@remotion/eslint-config-internal": "4.0.269"
+    "@remotion/eslint-config-internal": "4.0.271",
+    "remotion": "4.0.271"
   },
   "keywords": [
     "remotion",