@remotion/renderer 4.0.539 → 4.0.541

package/dist/options/options-map.js

@@ -27,6 +27,7 @@ const offthreadvideo_cache_size_1 = require("./offthreadvideo-cache-size");
 const offthreadvideo_threads_1 = require("./offthreadvideo-threads");
 const on_browser_download_1 = require("./on-browser-download");
 const prefer_lossless_1 = require("./prefer-lossless");
+const preferred_effect_backend_1 = require("./preferred-effect-backend");
 const repro_1 = require("./repro");
 const sample_rate_1 = require("./sample-rate");
 const scale_1 = require("./scale");
@@ -40,6 +41,7 @@ const x264_preset_1 = require("./x264-preset");
 exports.optionsMap = {
     renderMedia: {
         mediaCacheSizeInBytes: video_cache_size_1.mediaCacheSizeInBytesOption,
+        preferredEffectBackend: preferred_effect_backend_1.preferredEffectBackendOption,
         offthreadVideoCacheSizeInBytes: offthreadvideo_cache_size_1.offthreadVideoCacheSizeInBytesOption,
         offthreadVideoThreads: offthreadvideo_threads_1.offthreadVideoThreadsOption,
         videoBitrate: video_bitrate_1.videoBitrateOption,
@@ -74,6 +76,7 @@ exports.optionsMap = {
     },
     renderStill: {
         mediaCacheSizeInBytes: video_cache_size_1.mediaCacheSizeInBytesOption,
+        preferredEffectBackend: preferred_effect_backend_1.preferredEffectBackendOption,
         offthreadVideoCacheSizeInBytes: offthreadvideo_cache_size_1.offthreadVideoCacheSizeInBytesOption,
         offthreadVideoThreads: offthreadvideo_threads_1.offthreadVideoThreadsOption,
         jpegQuality: jpeg_quality_1.jpegQualityOption,
@@ -87,6 +90,7 @@ exports.optionsMap = {
     },
     getCompositions: {
         mediaCacheSizeInBytes: video_cache_size_1.mediaCacheSizeInBytesOption,
+        preferredEffectBackend: preferred_effect_backend_1.preferredEffectBackendOption,
         offthreadVideoCacheSizeInBytes: offthreadvideo_cache_size_1.offthreadVideoCacheSizeInBytesOption,
         offthreadVideoThreads: offthreadvideo_threads_1.offthreadVideoThreadsOption,
         logLevel: log_level_1.logLevelOption,
@@ -97,6 +101,7 @@ exports.optionsMap = {
     },
     selectComposition: {
         mediaCacheSizeInBytes: video_cache_size_1.mediaCacheSizeInBytesOption,
+        preferredEffectBackend: preferred_effect_backend_1.preferredEffectBackendOption,
         offthreadVideoCacheSizeInBytes: offthreadvideo_cache_size_1.offthreadVideoCacheSizeInBytesOption,
         offthreadVideoThreads: offthreadvideo_threads_1.offthreadVideoThreadsOption,
         logLevel: log_level_1.logLevelOption,
@@ -107,6 +112,7 @@ exports.optionsMap = {
     },
     renderFrames: {
         mediaCacheSizeInBytes: video_cache_size_1.mediaCacheSizeInBytesOption,
+        preferredEffectBackend: preferred_effect_backend_1.preferredEffectBackendOption,
         forSeamlessAacConcatenation: for_seamless_aac_concatenation_1.forSeamlessAacConcatenationOption,
         offthreadVideoCacheSizeInBytes: offthreadvideo_cache_size_1.offthreadVideoCacheSizeInBytesOption,
         offthreadVideoThreads: offthreadvideo_threads_1.offthreadVideoThreadsOption,
@@ -122,6 +128,7 @@ exports.optionsMap = {
     renderMediaOnLambda: {
         disableSharedMemoryCapture: disable_shared_memory_capture_1.disableSharedMemoryCaptureOption,
         mediaCacheSizeInBytes: video_cache_size_1.mediaCacheSizeInBytesOption,
+        preferredEffectBackend: preferred_effect_backend_1.preferredEffectBackendOption,
         offthreadVideoCacheSizeInBytes: offthreadvideo_cache_size_1.offthreadVideoCacheSizeInBytesOption,
         offthreadVideoThreads: offthreadvideo_threads_1.offthreadVideoThreadsOption,
         videoBitrate: video_bitrate_1.videoBitrateOption,
@@ -143,6 +150,7 @@ exports.optionsMap = {
     },
     renderStillOnLambda: {
         mediaCacheSizeInBytes: video_cache_size_1.mediaCacheSizeInBytesOption,
+        preferredEffectBackend: preferred_effect_backend_1.preferredEffectBackendOption,
         offthreadVideoCacheSizeInBytes: offthreadvideo_cache_size_1.offthreadVideoCacheSizeInBytesOption,
         offthreadVideoThreads: offthreadvideo_threads_1.offthreadVideoThreadsOption,
         jpegQuality: jpeg_quality_1.jpegQualityOption,
@@ -155,6 +163,7 @@ exports.optionsMap = {
     },
     getCompositionsOnLambda: {
         mediaCacheSizeInBytes: video_cache_size_1.mediaCacheSizeInBytesOption,
+        preferredEffectBackend: preferred_effect_backend_1.preferredEffectBackendOption,
         offthreadVideoCacheSizeInBytes: offthreadvideo_cache_size_1.offthreadVideoCacheSizeInBytesOption,
         logLevel: log_level_1.logLevelOption,
         timeoutInMilliseconds: timeout_1.delayRenderTimeoutInMillisecondsOption,
@@ -162,6 +171,7 @@ exports.optionsMap = {
     renderMediaOnCloudRun: {
         disableSharedMemoryCapture: disable_shared_memory_capture_1.disableSharedMemoryCaptureOption,
         mediaCacheSizeInBytes: video_cache_size_1.mediaCacheSizeInBytesOption,
+        preferredEffectBackend: preferred_effect_backend_1.preferredEffectBackendOption,
         offthreadVideoCacheSizeInBytes: offthreadvideo_cache_size_1.offthreadVideoCacheSizeInBytesOption,
         offthreadVideoThreads: offthreadvideo_threads_1.offthreadVideoThreadsOption,
         numberOfGifLoops: number_of_gif_loops_1.numberOfGifLoopsOption,
@@ -181,15 +191,18 @@ exports.optionsMap = {
         crf: crf_1.crfOption,
         jpegQuality: jpeg_quality_1.jpegQualityOption,
         sampleRate: sample_rate_1.sampleRateOption,
+        licenseKey: license_key_1.licenseKeyOption,
     },
     renderStillOnCloudRun: {
         mediaCacheSizeInBytes: video_cache_size_1.mediaCacheSizeInBytesOption,
+        preferredEffectBackend: preferred_effect_backend_1.preferredEffectBackendOption,
         offthreadVideoCacheSizeInBytes: offthreadvideo_cache_size_1.offthreadVideoCacheSizeInBytesOption,
         offthreadVideoThreads: offthreadvideo_threads_1.offthreadVideoThreadsOption,
         logLevel: log_level_1.logLevelOption,
         scale: scale_1.scaleOption,
         jpegQuality: jpeg_quality_1.jpegQualityOption,
         delayRenderTimeoutInMilliseconds: timeout_1.delayRenderTimeoutInMillisecondsOption,
+        licenseKey: license_key_1.licenseKeyOption,
     },
     ensureBrowser: {
         logLevel: log_level_1.logLevelOption,

package/dist/options/out-dir.d.ts

@@ -2,7 +2,7 @@ export declare const outDirOption: {
     name: string;
     addedIn: string;
     cliFlag: "out-dir";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: 'outDir';
     docLink: string;
     getValue: ({ commandLine }: {

package/dist/options/override-duration.d.ts

@@ -2,7 +2,7 @@ export declare const overrideDurationOption: {
     name: string;
     addedIn: string;
     cliFlag: "duration";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: null;
     docLink: string;
     type: number | null;

package/dist/options/override-fps.d.ts

@@ -2,7 +2,7 @@ export declare const overrideFpsOption: {
     name: string;
     addedIn: string;
     cliFlag: "fps";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: null;
     docLink: string;
     type: number | null;

package/dist/options/override-height.d.ts

@@ -2,7 +2,7 @@ export declare const overrideHeightOption: {
     name: string;
     addedIn: string;
     cliFlag: "height";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: null;
     docLink: string;
     type: number | null;

package/dist/options/override-width.d.ts

@@ -2,7 +2,7 @@ export declare const overrideWidthOption: {
     name: string;
     addedIn: string;
     cliFlag: "width";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: null;
     docLink: string;
     type: number | null;

package/dist/options/overwrite.d.ts

@@ -2,7 +2,7 @@ export declare const overwriteOption: {
     name: string;
     addedIn: string;
     cliFlag: "overwrite";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: string;
     docLink: string;
     type: boolean;

package/dist/options/package-manager.d.ts

@@ -2,7 +2,7 @@ export declare const packageManagerOption: {
     name: string;
     addedIn: string;
     cliFlag: "package-manager";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: 'packageManager';
     docLink: string;
     getValue: ({ commandLine }: {

package/dist/options/pixel-format.d.ts

@@ -3,7 +3,7 @@ export declare const pixelFormatOption: {
     name: string;
     addedIn: string;
     cliFlag: "pixel-format";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: 'pixelFormat';
     docLink: string;
     type: PixelFormat;

package/dist/options/port.d.ts

@@ -2,7 +2,7 @@ export declare const portOption: {
     name: string;
     addedIn: string;
     cliFlag: "port";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: null;
     docLink: string;
     getValue: ({ commandLine }: {

package/dist/options/prefer-lossless.d.ts

@@ -2,7 +2,7 @@ export declare const preferLosslessAudioOption: {
     name: string;
     addedIn: string;
     cliFlag: "prefer-lossless";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     docLink: string;
     type: boolean;
     ssrName: 'preferLossless';

package/dist/options/preferred-effect-backend.d.ts

@@ -0,0 +1,18 @@
+import type { PreferredEffectBackend } from 'remotion';
+export declare const preferredEffectBackendOption: {
+    name: string;
+    addedIn: string;
+    cliFlag: "preferred-effect-backend";
+    id: "preferred-effect-backend";
+    ssrName: string;
+    docLink: string;
+    type: PreferredEffectBackend;
+    description: () => import("react").JSX.Element;
+    getValue: ({ commandLine }: {
+        commandLine: Record<string, unknown>;
+    }) => {
+        value: PreferredEffectBackend;
+        source: string;
+    };
+    setConfig: (value: PreferredEffectBackend) => void;
+};

package/dist/options/preferred-effect-backend.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.preferredEffectBackendOption = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const no_react_1 = require("remotion/no-react");
+const cliFlag = 'preferred-effect-backend';
+let configured = 'auto';
+exports.preferredEffectBackendOption = {
+    name: 'Preferred effect backend',
+    addedIn: '4.0.540',
+    cliFlag,
+    id: cliFlag,
+    ssrName: 'preferredEffectBackend',
+    docLink: 'https://www.remotion.dev/docs/options/preferred-effect-backend',
+    type: 'auto',
+    description: () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Prefer ", (0, jsx_runtime_1.jsx)("code", { children: "webgpu" }), ", ", (0, jsx_runtime_1.jsx)("code", { children: "webgl2" }), ", or ", (0, jsx_runtime_1.jsx)("code", { children: "2d" }), ' ', "implementations of", ' ', (0, jsx_runtime_1.jsx)("a", { href: "https://www.remotion.dev/docs/effects", children: "effects" }), ". Default:", ' ', (0, jsx_runtime_1.jsx)("code", { children: "auto" }), ", which tries WebGPU, WebGL2, then 2D. Falls back when an implementation or backend is unavailable. Lambda selects WebGL2 or 2D implementations. Rendering fails if an effect has no supported implementation. This option also applies to Studio preview."] })),
+    getValue: ({ commandLine }) => {
+        if (commandLine[cliFlag] !== undefined)
+            return {
+                value: no_react_1.NoReactInternals.validatePreferredEffectBackend(commandLine[cliFlag]),
+                source: 'cli',
+            };
+        return { value: configured, source: 'config' };
+    },
+    setConfig: (value) => {
+        configured = no_react_1.NoReactInternals.validatePreferredEffectBackend(value);
+    },
+};

package/dist/options/preserve-pitch-on-playback.d.ts

@@ -3,7 +3,7 @@ export declare const preservePitchOnPlaybackOption: {
     addedIn: string;
     cliFlag: "preserve-pitch-on-playback";
     id: "preserve-pitch-on-playback";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: null;
     docLink: string;
     type: boolean;

package/dist/options/preview-sample-rate.d.ts

@@ -2,7 +2,7 @@ export declare const previewSampleRateOption: {
     name: string;
     addedIn: string;
     cliFlag: "preview-sample-rate";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: null;
     docLink: string;
     type: number | null;

package/dist/options/props.d.ts

@@ -2,7 +2,7 @@ export declare const propsOption: {
     name: string;
     addedIn: string;
     cliFlag: "props";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: null;
     docLink: string;
     getValue: ({ commandLine }: {

package/dist/options/prores-profile.d.ts

@@ -3,7 +3,7 @@ export declare const proResProfileOption: {
     name: string;
     addedIn: string;
     cliFlag: "prores-profile";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: 'proResProfile';
     docLink: string;
     type: ProResProfile | undefined;

package/dist/options/public-dir.d.ts

@@ -2,7 +2,7 @@ export declare const publicDirOption: {
     name: string;
     addedIn: string;
     cliFlag: "public-dir";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: 'publicDir';
     docLink: string;
     getValue: ({ commandLine }: {

package/dist/options/public-license-key.d.ts

@@ -2,7 +2,7 @@ export declare const publicLicenseKeyOption: {
     name: string;
     addedIn: string;
     cliFlag: "public-license-key";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: 'publicLicenseKey';
     docLink: string;
     getValue: ({ commandLine }: {

package/dist/options/public-path.d.ts

@@ -2,7 +2,7 @@ export declare const publicPathOption: {
     name: string;
     addedIn: string;
     cliFlag: "public-path";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: 'publicPath';
     docLink: string;
     getValue: ({ commandLine }: {

package/dist/options/repro.d.ts

@@ -3,7 +3,7 @@ export declare const reproOption: {
     name: string;
     addedIn: string;
     cliFlag: "repro";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: string;
     docLink: string;
     type: boolean;

package/dist/options/rspack.d.ts

@@ -2,7 +2,7 @@ export declare const rspackOption: {
     name: string;
     addedIn: string;
     cliFlag: "rspack";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: null;
     docLink: string;
     type: boolean;

package/dist/options/runs.d.ts

@@ -2,7 +2,7 @@ export declare const runsOption: {
     name: string;
     addedIn: string;
     cliFlag: "runs";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: null;
     docLink: string;
     type: number;

package/dist/options/sample-rate.d.ts

@@ -2,7 +2,7 @@ export declare const sampleRateOption: {
     name: string;
     addedIn: string;
     cliFlag: "sample-rate";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: 'sampleRate';
     docLink: string;
     type: number;

package/dist/options/scale.d.ts

@@ -2,7 +2,7 @@ export declare const scaleOption: {
     name: string;
     addedIn: string;
     cliFlag: "scale";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: string;
     docLink: string;
     type: number;

package/dist/options/sequence-activity-limit.d.ts

@@ -3,7 +3,7 @@ export declare const sequenceActivityLimitOption: {
     addedIn: string;
     cliFlag: "sequence-activity-limit";
     id: "sequence-activity-limit";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: null;
     docLink: string;
     type: number;

package/dist/options/show-layer-frame-numbers.d.ts

@@ -3,7 +3,7 @@ export declare const showLayerFrameNumbersOption: {
     addedIn: string;
     cliFlag: "show-layer-frame-numbers";
     id: "show-layer-frame-numbers";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: null;
     docLink: string;
     type: boolean;

package/dist/options/show-premounting.d.ts

@@ -3,7 +3,7 @@ export declare const showPremountingOption: {
     addedIn: string;
     cliFlag: "show-premounting";
     id: "show-premounting";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: null;
     docLink: string;
     type: boolean;

package/dist/options/skip-skills.d.ts

@@ -2,7 +2,7 @@ export declare const skipSkillsOption: {
     name: string;
     addedIn: string;
     cliFlag: "skip-skills";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: null;
     docLink: string;
     getValue: ({ commandLine }: {

package/dist/options/still-frame.d.ts

@@ -2,7 +2,7 @@ export declare const stillFrameOption: {
     name: string;
     addedIn: string;
     cliFlag: "frame";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: 'frame';
     docLink: string;
     getValue: ({ commandLine }: {

package/dist/options/still-image-format.d.ts

@@ -3,7 +3,7 @@ export declare const stillImageFormatOption: {
     name: string;
     addedIn: string;
     cliFlag: "image-format";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: 'imageFormat';
     docLink: string;
     type: StillImageFormat | null;

package/dist/options/throw-if-site-exists.d.ts

@@ -1,5 +1,5 @@
 export declare const throwIfSiteExistsOption: {
-    cliFlag: string;
+    cliFlag: "throw-if-site-exists";
     description: () => string;
     docLink: string;
     getValue: ({ commandLine }: {
@@ -13,5 +13,5 @@ export declare const throwIfSiteExistsOption: {
     setConfig: () => never;
     ssrName: string;
     type: boolean;
-    id: string;
+    id: "throw-if-site-exists";
 };

package/dist/options/timeout.d.ts

@@ -2,7 +2,7 @@ export declare const delayRenderTimeoutInMillisecondsOption: {
     name: string;
     addedIn: string;
     cliFlag: "timeout";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: 'timeoutInMilliseconds';
     docLink: string;
     type: number;

package/dist/options/user-agent.d.ts

@@ -2,7 +2,7 @@ export declare const userAgentOption: {
     name: string;
     addedIn: string;
     cliFlag: "user-agent";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: 'userAgent';
     docLink: string;
     type: string | null;

package/dist/options/version-flag.d.ts

@@ -2,7 +2,7 @@ export declare const versionFlagOption: {
     name: string;
     addedIn: string;
     cliFlag: "version";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: null;
     docLink: string;
     getValue: ({ commandLine }: {

package/dist/options/video-bitrate.d.ts

@@ -2,7 +2,7 @@ export declare const videoBitrateOption: {
     name: string;
     addedIn: string;
     cliFlag: "video-bitrate";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: string;
     docLink: string;
     type: string | null;

package/dist/options/video-cache-size.d.ts

@@ -3,7 +3,7 @@ export declare const mediaCacheSizeInBytesOption: {
     name: string;
     addedIn: string;
     cliFlag: "media-cache-size-in-bytes";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: 'mediaCacheSizeInBytes';
     docLink: string;
     type: number | null;

package/dist/options/video-codec.d.ts

@@ -5,7 +5,7 @@ export declare const videoCodecOption: {
     name: string;
     addedIn: string;
     cliFlag: "codec";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: string;
     docLink: string;
     type: Codec;

package/dist/options/video-image-format.d.ts

@@ -4,7 +4,7 @@ export declare const videoImageFormatOption: {
     name: string;
     addedIn: string;
     cliFlag: "image-format";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: 'imageFormat';
     docLink: string;
     type: VideoImageFormat | null;

package/dist/options/webhook-custom-data.d.ts

@@ -2,7 +2,7 @@ export declare const webhookCustomDataOption: {
     name: string;
     addedIn: string;
     cliFlag: "webhook-custom-data";
-    description: (type: "cli" | "ssr") => import("react/jsx-runtime").JSX.Element;
+    description: (type: "cli" | "ssr") => import("react").JSX.Element;
     ssrName: 'customData';
     docLink: string;
     type: Record<string, unknown> | null;

package/dist/options/webpack-poll.d.ts

@@ -2,7 +2,7 @@ export declare const webpackPollOption: {
     name: string;
     addedIn: string;
     cliFlag: "webpack-poll";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: null;
     docLink: string;
     getValue: ({ commandLine }: {

package/dist/options/x264-preset.d.ts

@@ -9,7 +9,7 @@ export declare const x264Option: {
     name: string;
     addedIn: string;
     cliFlag: "x264-preset";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: 'x264Preset';
     docLink: string;
     type: X264Preset | null;

package/dist/pool.js

@@ -18,6 +18,9 @@ class Pool {
         });
     }
     release(resource) {
+        if (resource.closed) {
+            return;
+        }
         const waiter = this.waiters.shift();
         if (waiter === undefined) {
             this.resources.push(resource);

package/dist/render-frame-and-retry-target-close.js

@@ -140,6 +140,7 @@ const renderFrameAndRetryTargetClose = async ({ retriesLeft, attempt, assets, as
             });
         }
         logger_1.Log.warn({ indent, logLevel }, `The browser crashed while rendering frame ${frame}, retrying ${retriesLeft} more times. Learn more about this error under https://www.remotion.dev/docs/target-closed`);
+        nextFrameToRender.returnFrame(frame);
         // Replace the entire browser
         await (remotionSharedMemory === null || remotionSharedMemory === void 0 ? void 0 : remotionSharedMemory.forgetAllPages());
         await browserReplacer.replaceBrowser(makeBrowser, async () => {
@@ -148,11 +149,11 @@ const renderFrameAndRetryTargetClose = async ({ retriesLeft, attempt, assets, as
                 .map((_, i) => makeNewPage(frame, i));
             const puppeteerPages = await Promise.all(pages);
             const pool = await poolPromise;
+            pool.resources = pool.resources.filter((p) => !p.closed);
             for (const newPage of puppeteerPages) {
                 pool.release(newPage);
             }
         });
-        nextFrameToRender.returnFrame(frame);
         await (0, exports.renderFrameAndRetryTargetClose)({
             retriesLeft: retriesLeft - 1,
             attempt: attempt + 1,

package/dist/render-frames.js

@@ -36,7 +36,7 @@ const validate_scale_1 = require("./validate-scale");
 const validate_selected_frames_1 = require("./validate-selected-frames");
 const wrap_with_error_handling_1 = require("./wrap-with-error-handling");
 const MAX_RETRIES_PER_FRAME = 1;
-const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serializedInputPropsWithCustomSchema, serializedResolvedPropsWithCustomSchema, jpegQuality, imageFormat, frameRange, frames, outputFramesInSequence, onError, envVariables, onBrowserLog, onFrameBuffer, onFrame, remotionSharedMemory, onDownload, pagesArray, serveUrl, composition, timeoutInMilliseconds, scale, resolvedConcurrency, everyNthFrame, proxyPort, cancelSignal, downloadMap, muted, makeBrowser, browserReplacer, sourceMapGetter, logLevel, indent, parallelEncodingEnabled, compositionStart, forSeamlessAacConcatenation, onArtifact, binariesDirectory, imageSequencePattern, mediaCacheSizeInBytes, onLog, darkMode, sampleRate, }) => {
+const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serializedInputPropsWithCustomSchema, serializedResolvedPropsWithCustomSchema, jpegQuality, imageFormat, frameRange, frames, outputFramesInSequence, onError, envVariables, onBrowserLog, onFrameBuffer, onFrame, remotionSharedMemory, onDownload, pagesArray, serveUrl, composition, timeoutInMilliseconds, scale, resolvedConcurrency, everyNthFrame, proxyPort, cancelSignal, downloadMap, muted, makeBrowser, browserReplacer, sourceMapGetter, logLevel, indent, parallelEncodingEnabled, compositionStart, forSeamlessAacConcatenation, onArtifact, binariesDirectory, imageSequencePattern, mediaCacheSizeInBytes, preferredEffectBackend, onLog, darkMode, sampleRate, }) => {
     if (outputDir) {
         if (!node_fs_1.default.existsSync(outputDir)) {
             node_fs_1.default.mkdirSync(outputDir, {
@@ -89,6 +89,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
             pageIndex,
             isMainTab: pageIndex === 0,
             mediaCacheSizeInBytes,
+            preferredEffectBackend,
             onLog,
             darkMode,
             sampleRate,
@@ -213,7 +214,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
         frameCount: framesToRender.length,
     };
 };
-const internalRenderFramesRaw = ({ browserExecutable, cancelSignal, chromiumOptions, composition, concurrency, envVariables, everyNthFrame, frameRange, frames, outputFramesInSequence, imageFormat, indent, jpegQuality, muted, onBrowserLog, onDownload, onFrameBuffer, onFrame, remotionSharedMemory, onFrameUpdate, onStart, outputDir, port, puppeteerInstance, scale, server, timeoutInMilliseconds, logLevel, webpackBundleOrServeUrl, serializedInputPropsWithCustomSchema, serializedResolvedPropsWithCustomSchema, offthreadVideoCacheSizeInBytes, parallelEncodingEnabled, binariesDirectory, forSeamlessAacConcatenation, compositionStart, onBrowserDownload, onArtifact, chromeMode, offthreadVideoThreads, imageSequencePattern, mediaCacheSizeInBytes, onLog, sampleRate, }) => {
+const internalRenderFramesRaw = ({ browserExecutable, cancelSignal, chromiumOptions, composition, concurrency, envVariables, everyNthFrame, frameRange, frames, outputFramesInSequence, imageFormat, indent, jpegQuality, muted, onBrowserLog, onDownload, onFrameBuffer, onFrame, remotionSharedMemory, onFrameUpdate, onStart, outputDir, port, puppeteerInstance, scale, server, timeoutInMilliseconds, logLevel, webpackBundleOrServeUrl, serializedInputPropsWithCustomSchema, serializedResolvedPropsWithCustomSchema, offthreadVideoCacheSizeInBytes, parallelEncodingEnabled, binariesDirectory, forSeamlessAacConcatenation, compositionStart, onBrowserDownload, onArtifact, chromeMode, offthreadVideoThreads, imageSequencePattern, mediaCacheSizeInBytes, preferredEffectBackend, onLog, sampleRate, }) => {
     (0, validate_1.validateDimension)(composition.height, 'height', 'in the `config` object passed to `renderFrames()`');
     (0, validate_1.validateDimension)(composition.width, 'width', 'in the `config` object passed to `renderFrames()`');
     (0, validate_1.validateFps)(composition.fps, 'in the `config` object of `renderFrames()`', false);
@@ -323,6 +324,7 @@ const internalRenderFramesRaw = ({ browserExecutable, cancelSignal, chromiumOpti
                     offthreadVideoThreads,
                     imageSequencePattern,
                     mediaCacheSizeInBytes,
+                    preferredEffectBackend,
                     onLog,
                     darkMode: (_a = chromiumOptions.darkMode) !== null && _a !== void 0 ? _a : false,
                     sampleRate,
@@ -381,7 +383,7 @@ exports.internalRenderFrames = (0, wrap_with_error_handling_1.wrapWithErrorHandl
  */
 const renderFrames = (options) => {
     var _a;
-    const { composition, inputProps, onFrameUpdate, onStart, outputDir, serveUrl, browserExecutable, cancelSignal, chromiumOptions, concurrency, dumpBrowserLogs, envVariables, everyNthFrame, frameRange, frames, imageFormat, jpegQuality, muted, onBrowserLog, onDownload, onFrameBuffer, port, puppeteerInstance, scale, timeoutInMilliseconds, verbose, quality, logLevel: passedLogLevel, offthreadVideoCacheSizeInBytes, binariesDirectory, onBrowserDownload, onArtifact, chromeMode, offthreadVideoThreads, imageSequencePattern, mediaCacheSizeInBytes, sampleRate, } = options;
+    const { composition, inputProps, onFrameUpdate, onStart, outputDir, serveUrl, browserExecutable, cancelSignal, chromiumOptions, concurrency, dumpBrowserLogs, envVariables, everyNthFrame, frameRange, frames, imageFormat, jpegQuality, muted, onBrowserLog, onDownload, onFrameBuffer, port, puppeteerInstance, scale, timeoutInMilliseconds, verbose, quality, logLevel: passedLogLevel, offthreadVideoCacheSizeInBytes, binariesDirectory, onBrowserDownload, onArtifact, chromeMode, offthreadVideoThreads, imageSequencePattern, mediaCacheSizeInBytes, preferredEffectBackend, sampleRate, } = options;
     if (!composition) {
         throw new Error('No `composition` option has been specified for renderFrames()');
     }
@@ -458,6 +460,7 @@ const renderFrames = (options) => {
         offthreadVideoThreads: offthreadVideoThreads !== null && offthreadVideoThreads !== void 0 ? offthreadVideoThreads : null,
         imageSequencePattern: imageSequencePattern !== null && imageSequencePattern !== void 0 ? imageSequencePattern : null,
         mediaCacheSizeInBytes: mediaCacheSizeInBytes !== null && mediaCacheSizeInBytes !== void 0 ? mediaCacheSizeInBytes : null,
+        preferredEffectBackend: preferredEffectBackend !== null && preferredEffectBackend !== void 0 ? preferredEffectBackend : 'auto',
         onLog: default_on_log_1.defaultOnLog,
         sampleRate: (_a = sampleRate !== null && sampleRate !== void 0 ? sampleRate : composition.defaultSampleRate) !== null && _a !== void 0 ? _a : 48000,
     });