@remotion/renderer 4.0.539 → 4.0.540

package/dist/esm/index.mjs

@@ -1130,14 +1130,15 @@ var getClient = (url) => {
   }
   throw new Error(`Can only download URLs starting with http:// or https://, got "${url}"`);
 };
-var readFileWithoutRedirect = (url) => {
+var readFileWithoutRedirect = (url, signal) => {
   return new Promise((resolve, reject) => {
     const client = getClient(url);
     const req = client(url, typeof Bun === "undefined" ? {
       headers: {
         "user-agent": "Mozilla/5.0 (@remotion/renderer - https://remotion.dev)"
-      }
-    } : {}, (res) => {
+      },
+      signal: signal ?? undefined
+    } : { signal: signal ?? undefined }, (res) => {
       resolve({ request: req, response: res });
     });
     req.on("error", (err) => {
@@ -1146,11 +1147,11 @@ var readFileWithoutRedirect = (url) => {
     });
   });
 };
-var readFile = async (url, redirectsSoFar = 0) => {
+var readFile = async (url, signal, redirectsSoFar = 0) => {
   if (redirectsSoFar > 10) {
     throw new Error(`Too many redirects while downloading ${url}`);
   }
-  const { request, response } = await readFileWithoutRedirect(url);
+  const { request, response } = await readFileWithoutRedirect(url, signal);
   if (redirectStatusCodes.includes(response.statusCode)) {
     if (!response.headers.location) {
       throw new Error(`Received a status code ${response.statusCode} but no "Location" header while calling ${response.headers.location}`);
@@ -1158,7 +1159,7 @@ var readFile = async (url, redirectsSoFar = 0) => {
     const redirectUrl = new URL(response.headers.location, url).toString();
     request.destroy();
     response.destroy();
-    return readFile(redirectUrl, redirectsSoFar + 1);
+    return readFile(redirectUrl, signal, redirectsSoFar + 1);
   }
   if (response.statusCode >= 400) {
     const body = await tryToObtainBody(response);
@@ -1240,23 +1241,27 @@ var downloadFileWithoutRetries = ({
           return;
         }
         rejectAndFlag(new Error(`Tried to download file ${url}, ${noDataSentToken} 20 seconds`));
+        closeConnection();
       }, 20000);
     };
     refreshTimeout();
     let finishEventSent = false;
-    let closeConnection = () => {
-      return;
-    };
+    const requestController = new AbortController;
+    let closeConnection = () => requestController.abort();
     const onAbort = () => {
       rejectAndFlag(new Error(CANCELLED_ERROR));
       closeConnection();
     };
     abortSignal.addEventListener("abort", onAbort);
-    readFile(url).then(({ response, request }) => {
+    readFile(url, requestController.signal).then(({ response, request }) => {
       closeConnection = () => {
         request.destroy();
         response.destroy();
       };
+      if (rejected) {
+        closeConnection();
+        return;
+      }
       if (abortSignal.aborted) {
         onAbort();
         return;
@@ -2595,7 +2600,10 @@ class NetworkManager extends EventEmitter {
     this.#client.on("Network.responseReceivedExtraInfo", this.#onResponseReceivedExtraInfo.bind(this));
   }
   async initialize() {
-    await this.#client.send("Network.enable");
+    await this.#client.send("Network.enable", {
+      maxTotalBufferSize: 0,
+      maxResourceBufferSize: 0
+    });
   }
   #onRequestWillBeSent(event) {
     this.#onRequest(event, undefined);
@@ -3490,6 +3498,19 @@ class Page extends EventEmitter {
     client.on("Runtime.consoleAPICalled", (event) => {
       return this.#onConsoleAPI(event);
     });
+    client.on("Runtime.exceptionThrown", (event) => {
+      const { exception, text, stackTrace, url, lineNumber, columnNumber } = event.exceptionDetails;
+      const description = exception ? exception.description ?? String(exception.unserializableValue ?? exception.value) : null;
+      this.onBrowserLog?.({
+        type: "error",
+        text: description === null ? text : `${text} ${description}`,
+        stackTrace: stackTrace?.callFrames.length ? stackTrace.callFrames.map((frame) => ({
+          url: frame.url,
+          lineNumber: frame.lineNumber,
+          columnNumber: frame.columnNumber
+        })) : [{ url, lineNumber, columnNumber }]
+      });
+    });
     client.on("Runtime.bindingCalled", (event) => {
       return this.#onBindingCalled(event);
     });
@@ -3576,7 +3597,7 @@ class Page extends EventEmitter {
     this.emit("error", new Error("Page crashed!"));
   }
   #onLogEntryAdded(event) {
-    const { level, text, args, source, url, lineNumber } = event.entry;
+    const { level, text, args, source, url, lineNumber, stackTrace } = event.entry;
     if (args) {
       args.map((arg) => {
         return releaseObject(this.#client, arg);
@@ -3588,16 +3609,15 @@ class Page extends EventEmitter {
         type: level,
         text,
         args: [],
-        stackTraceLocations: [{ url, lineNumber }],
+        stackTraceLocations: stackTrace?.callFrames.length ? stackTrace.callFrames.map((frame) => ({
+          url: frame.url,
+          lineNumber: frame.lineNumber,
+          columnNumber: frame.columnNumber
+        })) : [{ url, lineNumber }],
         previewString,
         logLevel: logLevelFromRemotionLog ?? logLevelFromEvent,
         tag
       });
-      this.onBrowserLog?.({
-        stackTrace: message.stackTrace(),
-        text: message.text,
-        type: message.type
-      });
       this.#onConsole(message);
     }
   }
@@ -4778,8 +4798,106 @@ var canUseParallelEncoding = (codec) => {
 };
 
 // src/check-version-requirements.ts
-import os2 from "node:os";
+import os3 from "node:os";
 import { NoReactInternals as NoReactInternals3 } from "remotion/no-react";
+
+// src/browser/get-chrome-download-url.ts
+import * as fs5 from "node:fs";
+import * as os2 from "node:os";
+var TESTED_VERSION = "158.0.8127.2";
+var isAmazonLinux2023 = () => {
+  if (os2.platform() !== "linux") {
+    return false;
+  }
+  try {
+    const osRelease = fs5.readFileSync("/etc/os-release", "utf-8");
+    return osRelease.includes("Amazon Linux") && osRelease.includes('VERSION="2023"');
+  } catch {
+    return false;
+  }
+};
+var MINIMUM_GLIBC_FOR_REMOTION_MEDIA = [2, 35];
+var getGlibcVersion = () => {
+  if (process.platform !== "linux") {
+    return null;
+  }
+  const { report } = process;
+  if (!report) {
+    return null;
+  }
+  const rep = report.getReport();
+  if (typeof rep === "string") {
+    return null;
+  }
+  const { glibcVersionRuntime } = rep.header;
+  if (!glibcVersionRuntime) {
+    return null;
+  }
+  const split = glibcVersionRuntime.split(".");
+  if (split.length !== 2) {
+    return null;
+  }
+  return [Number(split[0]), Number(split[1])];
+};
+var isGlibcVersionAtLeast = (required) => {
+  const version = getGlibcVersion();
+  if (version === null) {
+    return false;
+  }
+  const [major, minor] = version;
+  const [reqMajor, reqMinor] = required;
+  if (major > reqMajor) {
+    return true;
+  }
+  if (major === reqMajor && minor >= reqMinor) {
+    return true;
+  }
+  return false;
+};
+var canUseRemotionMediaBinaries = () => {
+  if (process.platform !== "linux") {
+    return false;
+  }
+  return isGlibcVersionAtLeast(MINIMUM_GLIBC_FOR_REMOTION_MEDIA);
+};
+function getChromeDownloadUrl({
+  platform,
+  version,
+  chromeMode
+}) {
+  if (platform === "linux-arm64" && version && /^\d+$/.test(version)) {
+    const archive = chromeMode === "chrome-for-testing" ? "chromium-linux-arm64" : "chromium-headless-shell-linux-arm64";
+    return `https://playwright.azureedge.net/builds/chromium/${version}/${archive}.zip`;
+  }
+  if (chromeMode === "headless-shell" && version === null) {
+    if (platform === "mac-arm64") {
+      return `https://remotion.media/chromium-headless-shell-mac-arm64-${TESTED_VERSION}.zip?clear`;
+    }
+    if (platform === "win64") {
+      return `https://remotion.media/chromium-headless-shell-win-x64-${TESTED_VERSION}.zip?clear`;
+    }
+    if (platform === "linux64" || platform === "linux-arm64") {
+      const architecture = platform === "linux64" ? "x64" : "arm64";
+      if (isAmazonLinux2023()) {
+        return `https://remotion.media/chromium-headless-shell-amazon-linux-${architecture}-${TESTED_VERSION}.zip?clear`;
+      }
+      if (canUseRemotionMediaBinaries()) {
+        return `https://remotion.media/chromium-headless-shell-linux-${architecture}-${TESTED_VERSION}.zip?clear`;
+      }
+    }
+  }
+  const archive = chromeMode === "headless-shell" ? "chrome-headless-shell" : "chrome";
+  return `https://storage.googleapis.com/chrome-for-testing-public/${version ?? TESTED_VERSION}/${platform}/${archive}-${platform}.zip`;
+}
+var logDownloadUrl = ({
+  url,
+  logLevel,
+  indent
+}) => {
+  Log.info({ indent, logLevel }, `Downloading from: ${url}`);
+};
+
+// src/check-version-requirements.ts
 var getRequiredLibCVersion = () => {
   if (process.platform !== "linux") {
     return null;
@@ -4787,10 +4905,10 @@ var getRequiredLibCVersion = () => {
   if (isMusl({ indent: false, logLevel: "warn" })) {
     return null;
   }
-  if (process.arch === "arm64") {
-    return [2, 26];
+  if (process.arch === "arm64" && isAmazonLinux2023()) {
+    return [2, 34];
   }
-  return [2, 31];
+  return [2, 35];
 };
 var required = getRequiredLibCVersion();
 var gLibCErrorMessage = (libCString) => {
@@ -4807,7 +4925,7 @@ var gLibCErrorMessage = (libCString) => {
   if (Number(split[0]) > required[0]) {
     return null;
   }
-  return `Rendering videos requires glibc ${required.join(".")} on your or higher on your OS. Your system has glibc ${libCString}.`;
+  return `Rendering videos requires glibc ${required.join(".")} or higher on your OS. Your system has glibc ${libCString}.`;
 };
 var checkLibCRequirement = (logLevel, indent) => {
   if (process.platform === "win32" || process.platform === "darwin") {
@@ -4848,7 +4966,7 @@ var checkMacOSVersion = (logLevel, indent) => {
   if (process.platform !== "darwin") {
     return;
   }
-  const majorVersion = Number(os2.release().split(".")[0]);
+  const majorVersion = Number(os3.release().split(".")[0]);
   if (Number.isNaN(majorVersion) || majorVersion >= MIN_DARWIN_VERSION) {
     return;
   }
@@ -4922,7 +5040,7 @@ var formatStackFrameLocationLine = (frame) => {
 };
 
 // src/symbolicate-stacktrace.ts
-import { readFileSync } from "fs";
+import { readFileSync as readFileSync2 } from "fs";
 import path6 from "path";
 import { SourceMapConsumer } from "source-map";
 function extractSourceMapUrl(fileContents) {
@@ -4968,14 +5086,14 @@ var getSourceMap = (filePath, fileContents, type) => {
   }
   if (type === "local") {
     const newFilePath = path6.join(path6.dirname(filePath), sm);
-    return Promise.resolve(new SourceMapConsumer(readFileSync(newFilePath, "utf8")));
+    return Promise.resolve(new SourceMapConsumer(readFileSync2(newFilePath, "utf8")));
   }
   const index = filePath.lastIndexOf("/");
   const url = filePath.substring(0, index + 1) + sm;
   return getSourceMapFromRemoteUrl(url);
 };
 var fetchUrl = async (url) => {
-  const { request, response } = await readFile(url);
+  const { request, response } = await readFile(url, null);
   return new Promise((resolve, reject) => {
     let downloaded = "";
     response.on("data", (d) => {
@@ -5051,7 +5169,7 @@ var getSourceMapFromRemoteFile = async (fileName) => {
   return getSourceMap(fileName, fileContents, "remote");
 };
 var getSourceMapFromLocalFile = (fileName) => {
-  const fileContents = readFileSync(fileName, "utf8");
+  const fileContents = readFileSync2(fileName, "utf8");
   return getSourceMap(fileName, fileContents, "local");
 };
 
@@ -5465,7 +5583,7 @@ var validateFrameRange = (frameRange) => {
 };
 
 // src/get-compositions.ts
-import { NoReactInternals as NoReactInternals11 } from "remotion/no-react";
+import { NoReactInternals as NoReactInternals12 } from "remotion/no-react";
 
 // src/to-megabytes.ts
 function toMegabytes(bytes) {
@@ -5553,8 +5671,8 @@ import { promisify as promisify2 } from "node:util";
 
 // src/browser/browser-download-lock.ts
 import { randomUUID } from "node:crypto";
-import * as fs5 from "node:fs";
-import os3 from "node:os";
+import * as fs6 from "node:fs";
+import os4 from "node:os";
 var RETRY_INTERVAL_IN_MS = 100;
 var STALE_LOCK_IN_MS = 30000;
 var HEARTBEAT_INTERVAL_IN_MS = 5000;
@@ -5568,7 +5686,7 @@ var isErrorWithCode = (error, code) => {
 };
 var readLock = async (lockPath) => {
   try {
-    const parsed = JSON.parse(await fs5.promises.readFile(lockPath, "utf8"));
+    const parsed = JSON.parse(await fs6.promises.readFile(lockPath, "utf8"));
     if (typeof parsed.hostname !== "string" || typeof parsed.pid !== "number" || typeof parsed.token !== "string") {
       return null;
     }
@@ -5588,7 +5706,7 @@ var isProcessRunning = (pid) => {
 var removeStaleLock = async (lockPath) => {
   let stats;
   try {
-    stats = await fs5.promises.stat(lockPath);
+    stats = await fs6.promises.stat(lockPath);
   } catch (error) {
     if (isErrorWithCode(error, "ENOENT")) {
       return;
@@ -5596,7 +5714,7 @@ var removeStaleLock = async (lockPath) => {
     throw error;
   }
   const lock = await readLock(lockPath);
-  if (lock?.hostname === os3.hostname()) {
+  if (lock?.hostname === os4.hostname()) {
     if (isProcessRunning(lock.pid)) {
       return;
     }
@@ -5604,7 +5722,7 @@ var removeStaleLock = async (lockPath) => {
     return;
   }
   try {
-    await fs5.promises.unlink(lockPath);
+    await fs6.promises.unlink(lockPath);
   } catch (error) {
     if (!isErrorWithCode(error, "ENOENT")) {
       throw error;
@@ -5616,7 +5734,7 @@ var acquireBrowserDownloadLock = async (lockPath) => {
     const token = randomUUID();
     let lockFile;
     try {
-      lockFile = await fs5.promises.open(lockPath, "wx");
+      lockFile = await fs6.promises.open(lockPath, "wx");
     } catch (error) {
       if (!isErrorWithCode(error, "EEXIST")) {
         throw error;
@@ -5627,13 +5745,13 @@ var acquireBrowserDownloadLock = async (lockPath) => {
     }
     try {
       await lockFile.writeFile(JSON.stringify({
-        hostname: os3.hostname(),
+        hostname: os4.hostname(),
         pid: process.pid,
         token
       }));
     } catch (error) {
       await lockFile.close();
-      await fs5.promises.rm(lockPath, { force: true });
+      await fs6.promises.rm(lockPath, { force: true });
       throw error;
     }
     const heartbeat = setInterval(async () => {
@@ -5643,7 +5761,7 @@ var acquireBrowserDownloadLock = async (lockPath) => {
       }
       const now = new Date;
       try {
-        await fs5.promises.utimes(lockPath, now, now);
+        await fs6.promises.utimes(lockPath, now, now);
       } catch {}
     }, HEARTBEAT_INTERVAL_IN_MS);
     heartbeat.unref();
@@ -5652,7 +5770,7 @@ var acquireBrowserDownloadLock = async (lockPath) => {
       const currentLock = await readLock(lockPath);
       await lockFile.close();
       if (currentLock?.token === token) {
-        await fs5.promises.rm(lockPath, { force: true });
+        await fs6.promises.rm(lockPath, { force: true });
       }
     };
   }
@@ -5667,7 +5785,7 @@ import { pipeline } from "node:stream/promises";
 import { promisify } from "node:util";
 
 // vendor/yauzl-patched/index.js
-var fs6 = __require("fs");
+var fs7 = __require("fs");
 var zlib = __require("zlib");
 var fd_slicer = require_fd_slicer();
 var crc32 = require_buffer_crc32();
@@ -5696,12 +5814,12 @@ function open(path, options2, callback) {
     options2.strictFileNames = false;
   if (callback == null)
     callback = defaultCallback;
-  fs6.open(path, "r", function(err, fd) {
+  fs7.open(path, "r", function(err, fd) {
     if (err)
       return callback(err);
     fromFd(fd, options2, function(err, zipfile) {
       if (err)
-        fs6.close(fd, defaultCallback);
+        fs7.close(fd, defaultCallback);
       callback(err, zipfile);
     });
   });
@@ -5725,7 +5843,7 @@ function fromFd(fd, options2, callback) {
     options2.strictFileNames = false;
   if (callback == null)
     callback = defaultCallback;
-  fs6.fstat(fd, function(err, stats) {
+  fs7.fstat(fd, function(err, stats) {
     if (err)
       return callback(err);
     var reader = fd_slicer.createFromFd(fd, { autoClose: true });
@@ -6551,99 +6669,6 @@ var extractZipArchive = async (archivePath, dir) => {
   });
 };
 
-// src/browser/get-chrome-download-url.ts
-import * as fs7 from "node:fs";
-import * as os4 from "node:os";
-var TESTED_VERSION = "157.0.8080.0";
-var isAmazonLinux2023 = () => {
-  if (os4.platform() !== "linux") {
-    return false;
-  }
-  try {
-    const osRelease = fs7.readFileSync("/etc/os-release", "utf-8");
-    return osRelease.includes("Amazon Linux") && osRelease.includes('VERSION="2023"');
-  } catch {
-    return false;
-  }
-};
-var MINIMUM_GLIBC_FOR_REMOTION_MEDIA = [2, 35];
-var getGlibcVersion = () => {
-  if (process.platform !== "linux") {
-    return null;
-  }
-  const { report } = process;
-  if (!report) {
-    return null;
-  }
-  const rep = report.getReport();
-  if (typeof rep === "string") {
-    return null;
-  }
-  const { glibcVersionRuntime } = rep.header;
-  if (!glibcVersionRuntime) {
-    return null;
-  }
-  const split = glibcVersionRuntime.split(".");
-  if (split.length !== 2) {
-    return null;
-  }
-  return [Number(split[0]), Number(split[1])];
-};
-var isGlibcVersionAtLeast = (required) => {
-  const version = getGlibcVersion();
-  if (version === null) {
-    return false;
-  }
-  const [major, minor] = version;
-  const [reqMajor, reqMinor] = required;
-  if (major > reqMajor) {
-    return true;
-  }
-  if (major === reqMajor && minor >= reqMinor) {
-    return true;
-  }
-  return false;
-};
-var canUseRemotionMediaBinaries = () => {
-  if (process.platform !== "linux") {
-    return false;
-  }
-  return isGlibcVersionAtLeast(MINIMUM_GLIBC_FOR_REMOTION_MEDIA);
-};
-function getChromeDownloadUrl({
-  platform,
-  version,
-  chromeMode
-}) {
-  if (platform === "linux-arm64" && version && /^\d+$/.test(version)) {
-    const archive = chromeMode === "chrome-for-testing" ? "chromium-linux-arm64" : "chromium-headless-shell-linux-arm64";
-    return `https://playwright.azureedge.net/builds/chromium/${version}/${archive}.zip`;
-  }
-  if (chromeMode === "headless-shell" && version === null) {
-    if (platform === "mac-arm64") {
-      return `https://remotion.media/chromium-headless-shell-mac-arm64-${TESTED_VERSION}.zip?clear`;
-    }
-    if (platform === "linux64" || platform === "linux-arm64") {
-      const architecture = platform === "linux64" ? "x64" : "arm64";
-      if (isAmazonLinux2023()) {
-        return `https://remotion.media/chromium-headless-shell-amazon-linux-${architecture}-${TESTED_VERSION}.zip?clear`;
-      }
-      if (canUseRemotionMediaBinaries()) {
-        return `https://remotion.media/chromium-headless-shell-linux-${architecture}-${TESTED_VERSION}.zip?clear`;
-      }
-    }
-  }
-  const archive = chromeMode === "headless-shell" ? "chrome-headless-shell" : "chrome";
-  return `https://storage.googleapis.com/chrome-for-testing-public/${version ?? TESTED_VERSION}/${platform}/${archive}-${platform}.zip`;
-}
-var logDownloadUrl = ({
-  url,
-  logLevel,
-  indent
-}) => {
-  Log.info({ indent, logLevel }, `Downloading from: ${url}`);
-};
-
 // src/browser/get-download-destination.ts
 import fs8 from "node:fs";
 import path8 from "node:path";
@@ -6745,7 +6770,7 @@ var downloadBrowser = async ({
 }) => {
   const platform = getPlatform();
   const downloadURL = getChromeDownloadUrl({ platform, version, chromeMode });
-  const fileName = downloadURL.split("/").pop();
+  const fileName = downloadURL.split("/").pop()?.split("?")[0];
   if (!fileName) {
     throw new Error(`A malformed download URL was found: ${downloadURL}.`);
   }
@@ -16468,8 +16493,12 @@ var waitForAssetToBeDownloaded = ({
   if (!downloadMap.listeners[src][downloadDir]) {
     downloadMap.listeners[src][downloadDir] = [];
   }
-  return new Promise((resolve) => {
-    downloadMap.listeners[src][downloadDir].push(() => {
+  return new Promise((resolve, reject) => {
+    downloadMap.listeners[src][downloadDir].push((err) => {
+      if (err) {
+        reject(err);
+        return;
+      }
       const srcMap = downloadMap.hasBeenDownloadedMap[src];
       if (!srcMap?.[downloadDir]) {
         throw new Error("Expected file for " + src + "to be available in " + downloadDir);
@@ -16498,7 +16527,7 @@ var notifyAssetIsDownloaded = ({
     downloadMap.hasBeenDownloadedMap[src] = {};
   }
   downloadMap.hasBeenDownloadedMap[src][downloadDir] = to;
-  downloadMap.listeners[src][downloadDir].forEach((fn) => fn());
+  downloadMap.listeners[src][downloadDir].forEach((fn) => fn(null));
 };
 var validateMimeType = (mimeType, src) => {
   if (!mimeType.includes("/")) {
@@ -16612,6 +16641,12 @@ var downloadAsset = async ({
     indent,
     logLevel,
     abortSignal: downloadMap.cleanupController.signal
+  }).catch((err) => {
+    delete downloadMap.isDownloadingMap[src]?.[downloadDir];
+    const listeners = downloadMap.listeners[src]?.[downloadDir] ?? [];
+    delete downloadMap.listeners[src]?.[downloadDir];
+    listeners.forEach((fn) => fn(err));
+    throw err;
   });
   notifyAssetIsDownloaded({ src, downloadMap, downloadDir, to });
   if (shouldAnalyzeAudioImmediately) {
@@ -18544,6 +18579,7 @@ var seekToFrame = async ({
 };
 
 // src/set-props-and-env.ts
+import { NoReactInternals as NoReactInternals11 } from "remotion/no-react";
 import { VERSION as VERSION3 } from "remotion/version";
 
 // src/goto-page-or-throw.ts
@@ -18598,19 +18634,23 @@ var innerSetPropsAndEnv = async ({
   onServeUrlVisited,
   isMainTab,
   mediaCacheSizeInBytes,
+  preferredEffectBackend,
   initialMemoryAvailable,
   darkMode,
   sampleRate
 }) => {
+  NoReactInternals11.validatePreferredEffectBackend(preferredEffectBackend);
   validatePuppeteerTimeout(timeoutInMilliseconds);
   const actualTimeout = timeoutInMilliseconds ?? DEFAULT_TIMEOUT;
   page.setDefaultTimeout(actualTimeout);
   page.setDefaultNavigationTimeout(actualTimeout);
   const urlToVisit = normalizeServeUrl(serveUrl);
-  await page.evaluateOnNewDocument((timeout, mainTab, cacheSizeInBytes, initMemoryAvailable, sRate) => {
+  await page.evaluateOnNewDocument((timeout, mainTab, cacheSizeInBytes, effectBackend, disableWebGpuEffects, initMemoryAvailable, sRate) => {
     window.remotion_puppeteerTimeout = timeout;
     window.remotion_isMainTab = mainTab;
     window.remotion_mediaCacheSizeInBytes = cacheSizeInBytes;
+    window.remotion_preferredEffectBackend = effectBackend;
+    window.remotion_disableWebGpuEffects = disableWebGpuEffects;
     window.remotion_initialMemoryAvailable = initMemoryAvailable;
     window.remotion_sampleRate = sRate;
     if (window.process === undefined) {
@@ -18620,7 +18660,7 @@ var innerSetPropsAndEnv = async ({
       window.process.env = {};
     }
     window.process.env.NODE_ENV = "production";
-  }, actualTimeout, isMainTab, mediaCacheSizeInBytes, initialMemoryAvailable, sampleRate);
+  }, actualTimeout, isMainTab, mediaCacheSizeInBytes, preferredEffectBackend, Boolean(process.env.AWS_LAMBDA_FUNCTION_NAME), initialMemoryAvailable, sampleRate);
   await page.evaluateOnNewDocument('window.remotion_broadcastChannel = new BroadcastChannel("remotion-video-frame-extraction")');
   if (envVariables) {
     await page.evaluateOnNewDocument((input) => {
@@ -18676,6 +18716,7 @@ var innerSetPropsAndEnv = async ({
       onServeUrlVisited,
       isMainTab,
       mediaCacheSizeInBytes,
+      preferredEffectBackend,
       initialMemoryAvailable,
       darkMode,
       sampleRate
@@ -18955,6 +18996,7 @@ var innerGetCompositions = async ({
   indent,
   logLevel,
   mediaCacheSizeInBytes,
+  preferredEffectBackend,
   darkMode
 }) => {
   validatePuppeteerTimeout(timeoutInMilliseconds);
@@ -18976,6 +19018,7 @@ var innerGetCompositions = async ({
     },
     isMainTab: true,
     mediaCacheSizeInBytes,
+    preferredEffectBackend,
     initialMemoryAvailable: getAvailableMemory(logLevel),
     darkMode,
     sampleRate: 48000
@@ -19028,8 +19071,8 @@ var innerGetCompositions = async ({
       height,
       fps,
       durationInFrames,
-      props: NoReactInternals11.deserializeJSONWithSpecialTypes(r.serializedResolvedPropsWithCustomSchema),
-      defaultProps: NoReactInternals11.deserializeJSONWithSpecialTypes(r.serializedDefaultPropsWithCustomSchema),
+      props: NoReactInternals12.deserializeJSONWithSpecialTypes(r.serializedResolvedPropsWithCustomSchema),
+      defaultProps: NoReactInternals12.deserializeJSONWithSpecialTypes(r.serializedDefaultPropsWithCustomSchema),
       defaultCodec,
       defaultOutName,
       defaultVideoImageFormat,
@@ -19058,6 +19101,7 @@ var internalGetCompositionsRaw = async ({
   chromeMode,
   offthreadVideoThreads,
   mediaCacheSizeInBytes,
+  preferredEffectBackend,
   onLog
 }) => {
   const { page, cleanupPage } = await getPageAndCleanupFn({
@@ -19116,6 +19160,7 @@ var internalGetCompositionsRaw = async ({
         chromeMode,
         offthreadVideoThreads,
         mediaCacheSizeInBytes,
+        preferredEffectBackend,
         darkMode: chromiumOptions.darkMode ?? false
       });
     }).then((comp) => {
@@ -19131,7 +19176,7 @@ var internalGetCompositionsRaw = async ({
 };
 var internalGetCompositions = wrapWithErrorHandling(internalGetCompositionsRaw);
 var getCompositions = (...args) => {
-  const options2 = convertGetCompositionsArgumentsToOptions(args, NoReactInternals11.ENABLE_V5_BREAKING_CHANGES);
+  const options2 = convertGetCompositionsArgumentsToOptions(args, NoReactInternals12.ENABLE_V5_BREAKING_CHANGES);
   if (typeof options2?.serveUrl !== "string" || !options2.serveUrl) {
     throw new Error("No serve URL or webpack bundle directory was passed to getCompositions().");
   }
@@ -19151,6 +19196,7 @@ var getCompositions = (...args) => {
     chromeMode,
     offthreadVideoThreads,
     mediaCacheSizeInBytes,
+    preferredEffectBackend,
     serveUrl
   } = options2;
   const indent = false;
@@ -19159,7 +19205,7 @@ var getCompositions = (...args) => {
     browserExecutable: browserExecutable ?? null,
     chromiumOptions: chromiumOptions ?? {},
     envVariables: envVariables ?? {},
-    serializedInputPropsWithCustomSchema: NoReactInternals11.serializeJSONWithSpecialTypes({
+    serializedInputPropsWithCustomSchema: NoReactInternals12.serializeJSONWithSpecialTypes({
       data: inputProps ?? {},
       indent: undefined,
       staticBase: null
@@ -19182,6 +19228,7 @@ var getCompositions = (...args) => {
     chromeMode: chromeMode ?? "headless-shell",
     offthreadVideoThreads: offthreadVideoThreads ?? null,
     mediaCacheSizeInBytes: mediaCacheSizeInBytes ?? null,
+    preferredEffectBackend: preferredEffectBackend ?? "auto",
     onLog: defaultOnLog
   });
 };
@@ -19494,6 +19541,41 @@ var validateJpegQuality = (q) => {
   }
 };
 
+// src/make-cancel-signal.ts
+var makeCancelSignal = () => {
+  const callbacks = [];
+  let cancelled = false;
+  return {
+    cancelSignal: (callback) => {
+      callbacks.push(callback);
+      if (cancelled) {
+        callback();
+      }
+    },
+    cancel: () => {
+      if (cancelled) {
+        return;
+      }
+      callbacks.forEach((cb) => {
+        cb();
+      });
+      cancelled = true;
+    }
+  };
+};
+var cancelErrorMessages = {
+  renderMedia: "renderMedia() got cancelled",
+  renderFrames: "renderFrames() got cancelled",
+  renderStill: "renderStill() got cancelled",
+  stitchFramesToVideo: "stitchFramesToVideo() got cancelled"
+};
+var isUserCancelledRender = (err) => {
+  if (typeof err === "object" && err !== null && "message" in err && typeof err.message === "string") {
+    return err.message.includes(cancelErrorMessages.renderMedia) || err.message.includes(cancelErrorMessages.renderFrames) || err.message.includes(cancelErrorMessages.renderStill) || err.message.includes(cancelErrorMessages.stitchFramesToVideo);
+  }
+  return false;
+};
+
 // src/perf.ts
 var perf = {
   capture: [],
@@ -19800,11 +19882,11 @@ var getCodecName = ({
 };
 
 // src/options/color-space.tsx
-import { NoReactInternals as NoReactInternals12 } from "remotion/no-react";
+import { NoReactInternals as NoReactInternals13 } from "remotion/no-react";
 var validV4ColorSpaces = ["default", "bt601", "bt709", "bt2020-ncl"];
 var validV5ColorSpaces = ["bt601", "bt709", "bt2020-ncl"];
-var validColorSpaces = NoReactInternals12.ENABLE_V5_BREAKING_CHANGES ? validV5ColorSpaces : validV4ColorSpaces;
-var DEFAULT_COLOR_SPACE = NoReactInternals12.ENABLE_V5_BREAKING_CHANGES ? "bt709" : "default";
+var validColorSpaces = NoReactInternals13.ENABLE_V5_BREAKING_CHANGES ? validV5ColorSpaces : validV4ColorSpaces;
+var DEFAULT_COLOR_SPACE = NoReactInternals13.ENABLE_V5_BREAKING_CHANGES ? "bt709" : "default";
 
 // src/options/gop-size.tsx
 var validateGopSize = (value) => {
@@ -20398,10 +20480,10 @@ var createRemotionSharedMemoryFfmpegBridge = ({
 };
 
 // src/validate.ts
-import { NoReactInternals as NoReactInternals13 } from "remotion/no-react";
-var validateFps = NoReactInternals13.validateFps;
-var validateDimension = NoReactInternals13.validateDimension;
-var validateDurationInFrames = NoReactInternals13.validateDurationInFrames;
+import { NoReactInternals as NoReactInternals14 } from "remotion/no-react";
+var validateFps = NoReactInternals14.validateFps;
+var validateDimension = NoReactInternals14.validateDimension;
+var validateDurationInFrames = NoReactInternals14.validateDurationInFrames;
 
 // src/validate-even-dimensions-with-codec.ts
 var validateEvenDimensionsWithCodec = ({
@@ -21101,7 +21183,7 @@ var probeSharedMemoryCapture = async ({
 // src/render-frames.ts
 import fs18 from "node:fs";
 import path24 from "node:path";
-import { NoReactInternals as NoReactInternals16 } from "remotion/no-react";
+import { NoReactInternals as NoReactInternals18 } from "remotion/no-react";
 
 // src/cycle-browser-tabs.ts
 var cycleBrowserTabs = ({
@@ -21676,41 +21758,6 @@ var getFilePadLength = ({
   throw new Error("Unknown file type");
 };
 
-// src/make-cancel-signal.ts
-var makeCancelSignal = () => {
-  const callbacks = [];
-  let cancelled = false;
-  return {
-    cancelSignal: (callback) => {
-      callbacks.push(callback);
-      if (cancelled) {
-        callback();
-      }
-    },
-    cancel: () => {
-      if (cancelled) {
-        return;
-      }
-      callbacks.forEach((cb) => {
-        cb();
-      });
-      cancelled = true;
-    }
-  };
-};
-var cancelErrorMessages = {
-  renderMedia: "renderMedia() got cancelled",
-  renderFrames: "renderFrames() got cancelled",
-  renderStill: "renderStill() got cancelled",
-  stitchFramesToVideo: "stitchFramesToVideo() got cancelled"
-};
-var isUserCancelledRender = (err) => {
-  if (typeof err === "object" && err !== null && "message" in err && typeof err.message === "string") {
-    return err.message.includes(cancelErrorMessages.renderMedia) || err.message.includes(cancelErrorMessages.renderFrames) || err.message.includes(cancelErrorMessages.renderStill) || err.message.includes(cancelErrorMessages.stitchFramesToVideo);
-  }
-  return false;
-};
-
 // src/make-page.ts
 var makePage = async ({
   context,
@@ -21733,6 +21780,7 @@ var makePage = async ({
   pageIndex,
   isMainTab,
   mediaCacheSizeInBytes,
+  preferredEffectBackend,
   onLog,
   darkMode,
   sampleRate
@@ -21762,6 +21810,7 @@ var makePage = async ({
     },
     isMainTab,
     mediaCacheSizeInBytes,
+    preferredEffectBackend,
     initialMemoryAvailable: getAvailableMemory(logLevel),
     darkMode,
     sampleRate
@@ -21857,10 +21906,10 @@ class Pool {
 }
 
 // src/render-frame-and-retry-target-close.ts
-import { NoReactInternals as NoReactInternals15 } from "remotion/no-react";
+import { NoReactInternals as NoReactInternals16 } from "remotion/no-react";
 
 // src/is-delay-render-error-with-retry.ts
-import { NoReactInternals as NoReactInternals14 } from "remotion/no-react";
+import { NoReactInternals as NoReactInternals15 } from "remotion/no-react";
 var getRetriesLeftFromError = (error) => {
   if (!error) {
     throw new Error("Expected stack");
@@ -21869,15 +21918,15 @@ var getRetriesLeftFromError = (error) => {
   if (!stack) {
     throw new Error("Expected stack: " + JSON.stringify(error));
   }
-  const beforeIndex = stack.indexOf(NoReactInternals14.DELAY_RENDER_ATTEMPT_TOKEN);
+  const beforeIndex = stack.indexOf(NoReactInternals15.DELAY_RENDER_ATTEMPT_TOKEN);
   if (beforeIndex === -1) {
     throw new Error("Expected to find attempt token in stack");
   }
-  const afterIndex = stack.indexOf(NoReactInternals14.DELAY_RENDER_RETRY_TOKEN);
+  const afterIndex = stack.indexOf(NoReactInternals15.DELAY_RENDER_RETRY_TOKEN);
   if (afterIndex === -1) {
     throw new Error("Expected to find retry token in stack");
   }
-  const inbetween = stack.substring(beforeIndex + NoReactInternals14.DELAY_RENDER_ATTEMPT_TOKEN.length, afterIndex);
+  const inbetween = stack.substring(beforeIndex + NoReactInternals15.DELAY_RENDER_ATTEMPT_TOKEN.length, afterIndex);
   const parsed = Number(inbetween);
   if (Number.isNaN(parsed)) {
     throw new Error(`Expected to find a number in the stack ${stack}`);
@@ -22551,7 +22600,7 @@ var renderFrameAndRetryTargetClose = async ({
     currentPool.release(freePage);
   } catch (err) {
     const isTargetClosedError = isTargetClosedErr(err);
-    const shouldRetryError = err.stack?.includes(NoReactInternals15.DELAY_RENDER_RETRY_TOKEN);
+    const shouldRetryError = err.stack?.includes(NoReactInternals16.DELAY_RENDER_RETRY_TOKEN);
     const flakyNetworkError = isFlakyNetworkError(err);
     if (isUserCancelledRender(err) && !shouldRetryError) {
       throw err;
@@ -22740,39 +22789,10 @@ var validateScale = (scale) => {
 };
 
 // src/validate-selected-frames.ts
-var validateSelectedFrames = ({
-  frames,
-  durationInFrames
-}) => {
-  if (!Array.isArray(frames)) {
-    throw new TypeError("The `frames` option must be an array of frame numbers.");
-  }
-  if (frames.length === 0) {
-    throw new TypeError("The `frames` option must contain at least one frame.");
-  }
-  for (const frame of frames) {
-    if (typeof frame !== "number") {
-      throw new TypeError(`The \`frames\` option must contain only numbers, but got ${typeof frame}.`);
-    }
-    if (!Number.isFinite(frame)) {
-      throw new TypeError(`The \`frames\` option must contain only finite numbers, but got ${frame}.`);
-    }
-    if (!Number.isInteger(frame)) {
-      throw new TypeError(`The \`frames\` option must contain only integers, but got ${frame}.`);
-    }
-    if (frame < 0) {
-      throw new TypeError(`The \`frames\` option must contain only non-negative numbers, but got ${frame}.`);
-    }
-    if (durationInFrames !== null && frame >= durationInFrames) {
-      throw new RangeError(`Frame ${frame} is out of range, must be between 0 and ${durationInFrames - 1}.`);
-    }
-  }
-  const uniqueFrames = new Set(frames);
-  if (uniqueFrames.size !== frames.length) {
-    throw new TypeError("The `frames` option must not contain duplicate frames.");
-  }
-  return [...frames].sort((a, b) => a - b);
-};
+import { NoReactInternals as NoReactInternals17 } from "remotion/no-react";
+var {
+  validateSelectedFrames
+} = NoReactInternals17;
 
 // src/render-frames.ts
 var MAX_RETRIES_PER_FRAME = 1;
@@ -22817,6 +22837,7 @@ var innerRenderFrames = async ({
   binariesDirectory,
   imageSequencePattern,
   mediaCacheSizeInBytes,
+  preferredEffectBackend,
   onLog,
   darkMode,
   sampleRate
@@ -22875,6 +22896,7 @@ var innerRenderFrames = async ({
       pageIndex,
       isMainTab: pageIndex === 0,
       mediaCacheSizeInBytes,
+      preferredEffectBackend,
       onLog,
       darkMode,
       sampleRate
@@ -23026,6 +23048,7 @@ var internalRenderFramesRaw = ({
   offthreadVideoThreads,
   imageSequencePattern,
   mediaCacheSizeInBytes,
+  preferredEffectBackend,
   onLog,
   sampleRate
 }) => {
@@ -23137,6 +23160,7 @@ var internalRenderFramesRaw = ({
           offthreadVideoThreads,
           imageSequencePattern,
           mediaCacheSizeInBytes,
+          preferredEffectBackend,
           onLog,
           darkMode: chromiumOptions.darkMode ?? false,
           sampleRate
@@ -23214,6 +23238,7 @@ var renderFrames = (options2) => {
     offthreadVideoThreads,
     imageSequencePattern,
     mediaCacheSizeInBytes,
+    preferredEffectBackend,
     sampleRate
   } = options2;
   if (!composition) {
@@ -23252,12 +23277,12 @@ var renderFrames = (options2) => {
     indent,
     jpegQuality: jpegQuality ?? DEFAULT_JPEG_QUALITY,
     onDownload: onDownload ?? null,
-    serializedInputPropsWithCustomSchema: NoReactInternals16.serializeJSONWithSpecialTypes({
+    serializedInputPropsWithCustomSchema: NoReactInternals18.serializeJSONWithSpecialTypes({
       indent: undefined,
       staticBase: null,
       data: inputProps ?? {}
     }).serializedString,
-    serializedResolvedPropsWithCustomSchema: NoReactInternals16.serializeJSONWithSpecialTypes({
+    serializedResolvedPropsWithCustomSchema: NoReactInternals18.serializeJSONWithSpecialTypes({
       indent: undefined,
       staticBase: null,
       data: composition.props
@@ -23288,6 +23313,7 @@ var renderFrames = (options2) => {
     offthreadVideoThreads: offthreadVideoThreads ?? null,
     imageSequencePattern: imageSequencePattern ?? null,
     mediaCacheSizeInBytes: mediaCacheSizeInBytes ?? null,
+    preferredEffectBackend: preferredEffectBackend ?? "auto",
     onLog: defaultOnLog,
     sampleRate: sampleRate ?? composition.defaultSampleRate ?? 48000
   });
@@ -23298,7 +23324,7 @@ import fs20 from "node:fs";
 import os11 from "node:os";
 import path31 from "node:path";
 import { LicensingInternals } from "@remotion/licensing";
-import { NoReactInternals as NoReactInternals20 } from "remotion/no-react";
+import { NoReactInternals as NoReactInternals22 } from "remotion/no-react";
 
 // src/codec-supports-media.ts
 var support = {
@@ -23421,7 +23447,7 @@ var validateSelectedCodecAndPresetCombination = ({
 var DEFAULT_OVERWRITE = true;
 
 // src/prores-profile.ts
-import { NoReactInternals as NoReactInternals17 } from "remotion/no-react";
+import { NoReactInternals as NoReactInternals19 } from "remotion/no-react";
 var validateSelectedCodecAndProResCombination = ({
   codec,
   proResProfile
@@ -23429,15 +23455,15 @@ var validateSelectedCodecAndProResCombination = ({
   if (typeof proResProfile !== "undefined" && codec !== "prores") {
     throw new TypeError(`You have set a ProRes profile but the codec is "${codec}". Set the codec to "prores" or remove the ProRes profile.`);
   }
-  if (proResProfile !== undefined && !NoReactInternals17.proResProfileOptions.includes(proResProfile)) {
-    throw new TypeError(`The ProRes profile "${proResProfile}" is not valid. Valid options are ${NoReactInternals17.proResProfileOptions.map((p) => `"${p}"`).join(", ")}`);
+  if (proResProfile !== undefined && !NoReactInternals19.proResProfileOptions.includes(proResProfile)) {
+    throw new TypeError(`The ProRes profile "${proResProfile}" is not valid. Valid options are ${NoReactInternals19.proResProfileOptions.map((p) => `"${p}"`).join(", ")}`);
   }
 };
 
 // src/stitch-frames-to-video.ts
 import { cpSync as cpSync2, promises as promises5, rmSync as rmSync4 } from "node:fs";
 import path30 from "node:path";
-import { NoReactInternals as NoReactInternals18 } from "remotion/no-react";
+import { NoReactInternals as NoReactInternals20 } from "remotion/no-react";
 
 // src/aac-priming.ts
 var LIBFDK_AAC_LC_ENCODER_DELAY_IN_SAMPLES = 2048;
@@ -24229,6 +24255,8 @@ var stringifyFfmpegFilter = ({
   const startInVideoSeconds = startInVideo / fps;
   const assetTrimLeftOffset = startInVideo === 0 ? trimLeftOffset : 0;
   const startInChunkSeconds = startInVideo === 0 ? 0 : startInVideoSeconds - trimLeftOffset;
+  const capturedFrameCount = Math.round((chunkLengthInSeconds + trimLeftOffset - trimRightOffset) * fps);
+  const assetTrimRightOffset = startInVideo + asset.duration >= capturedFrameCount ? trimRightOffset : 0;
   const { trimLeft, maxTrim } = getActualTrimLeft({
     trimLeft: asset.trimLeft,
     fps,
@@ -24251,7 +24279,7 @@ var stringifyFfmpegFilter = ({
   } = trimAndSetTempo({
     assetDuration,
     trimLeftOffset: assetTrimLeftOffset,
-    trimRightOffset,
+    trimRightOffset: assetTrimRightOffset,
     asset,
     fps,
     indent,
@@ -24273,7 +24301,7 @@ var stringifyFfmpegFilter = ({
       toneFrequency && toneFrequency !== 1 ? `asetrate=${sampleRate}*${toneFrequency},aresample=${sampleRate},atempo=1/${toneFrequency}` : null
     ].filter(truthy).join(",") + `[a0]`,
     pad_end: padAtEnd > 0.0000001 ? "apad=pad_len=" + Math.round(padAtEnd * sampleRate) : null,
-    pad_start: padStart === 0 ? null : `adelay=${new Array(channels + 1).fill((padStart * 1000).toFixed(0)).join("|")}`,
+    pad_start: padStart === 0 ? null : `adelay=${new Array(channels + 1).fill(`${Math.round(padStart * sampleRate)}S`).join("|")}`,
     actualTrimLeft
   };
 };
@@ -24811,7 +24839,7 @@ var innerStitchFramesToVideo = async ({
   const outputExtension = (getExtensionOfFilename(outputLocation) ?? getFileExtensionFromCodec(codec, resolvedAudioCodec)).toLowerCase();
   if (codec === "aac" && (outputExtension === "mpg" || outputExtension === "mpeg")) {
     const message = "AAC output with .mpg or .mpeg extensions is not supported. Use .aac for raw ADTS AAC or .m4a for an MPEG-4 audio container.";
-    if (NoReactInternals18.ENABLE_V5_BREAKING_CHANGES) {
+    if (NoReactInternals20.ENABLE_V5_BREAKING_CHANGES) {
       throw new Error(message);
     }
     Log.warn({ indent, logLevel }, `${message} Falling back to raw ADTS AAC while keeping the requested filename. This will throw an error in Remotion 5.0.`);
@@ -25251,7 +25279,7 @@ var validateNumberOfGifLoops = (numberOfGifLoops, codec) => {
 };
 
 // src/validate-output-filename.ts
-import { NoReactInternals as NoReactInternals19 } from "remotion/no-react";
+import { NoReactInternals as NoReactInternals21 } from "remotion/no-react";
 var validateOutputFilename = ({
   codec,
   audioCodecSetting,
@@ -25263,7 +25291,7 @@ var validateOutputFilename = ({
     throw new TypeError(`The codec "${codec}" is not supported. Supported codecs are: ${Object.keys(defaultFileExtensionMap).join(", ")}`);
   }
   const normalizedExtension = extension === null ? null : extension.toLowerCase();
-  if (NoReactInternals19.ENABLE_V5_BREAKING_CHANGES && codec === "aac" && (normalizedExtension === "mpg" || normalizedExtension === "mpeg")) {
+  if (NoReactInternals21.ENABLE_V5_BREAKING_CHANGES && codec === "aac" && (normalizedExtension === "mpg" || normalizedExtension === "mpeg")) {
     throw new Error("AAC output with .mpg or .mpeg extensions is not supported. Use .aac for raw ADTS AAC or .m4a for an MPEG-4 audio container.");
   }
   const map = defaultFileExtensionMap[codec];
@@ -25351,6 +25379,7 @@ var internalRenderMediaRaw = async ({
   chromeMode,
   offthreadVideoThreads,
   mediaCacheSizeInBytes,
+  preferredEffectBackend,
   onLog,
   licenseKey,
   isProduction,
@@ -25750,6 +25779,7 @@ var internalRenderMediaRaw = async ({
         chromeMode,
         imageSequencePattern: null,
         mediaCacheSizeInBytes,
+        preferredEffectBackend,
         onLog,
         sampleRate
       });
@@ -25957,6 +25987,7 @@ var renderMedia = ({
   offthreadVideoThreads,
   compositionStart,
   mediaCacheSizeInBytes,
+  preferredEffectBackend,
   isProduction,
   sampleRate,
   ...apiKeyOrLicenseKey
@@ -25968,8 +25999,8 @@ var renderMedia = ({
   }
   const licenseKey = "licenseKey" in apiKeyOrLicenseKey && typeof apiKeyOrLicenseKey.licenseKey === "string" ? apiKeyOrLicenseKey.licenseKey : null;
   const apiKey = "apiKey" in apiKeyOrLicenseKey && typeof apiKeyOrLicenseKey.apiKey === "string" ? apiKeyOrLicenseKey.apiKey : null;
-  const effectiveLicenseKey = (NoReactInternals20.ENABLE_V5_BREAKING_CHANGES ? licenseKey : licenseKey ?? apiKey) ?? null;
-  if (NoReactInternals20.ENABLE_V5_BREAKING_CHANGES && effectiveLicenseKey === null) {
+  const effectiveLicenseKey = (NoReactInternals22.ENABLE_V5_BREAKING_CHANGES ? licenseKey : licenseKey ?? apiKey) ?? null;
+  if (NoReactInternals22.ENABLE_V5_BREAKING_CHANGES && effectiveLicenseKey === null) {
     Log.warn({ indent, logLevel }, 'Pass "licenseKey" to renderMedia(). If you qualify for the Free License (https://remotion.dev/license), pass "free-license" instead.');
   }
   return internalRenderMedia({
@@ -25994,7 +26025,7 @@ var renderMedia = ({
     ffmpegOverride: ffmpegOverride ?? undefined,
     frameRange: frameRange ?? null,
     imageFormat: imageFormat ?? null,
-    serializedInputPropsWithCustomSchema: NoReactInternals20.serializeJSONWithSpecialTypes({
+    serializedInputPropsWithCustomSchema: NoReactInternals22.serializeJSONWithSpecialTypes({
       indent: undefined,
       staticBase: null,
       data: inputProps ?? {}
@@ -26029,7 +26060,7 @@ var renderMedia = ({
       return;
     },
     server: undefined,
-    serializedResolvedPropsWithCustomSchema: NoReactInternals20.serializeJSONWithSpecialTypes({
+    serializedResolvedPropsWithCustomSchema: NoReactInternals22.serializeJSONWithSpecialTypes({
       indent: undefined,
       staticBase: null,
       data: composition.props ?? {}
@@ -26052,6 +26083,7 @@ var renderMedia = ({
     hardwareAcceleration: hardwareAcceleration ?? "disable",
     chromeMode: chromeMode ?? "headless-shell",
     mediaCacheSizeInBytes: mediaCacheSizeInBytes ?? null,
+    preferredEffectBackend: preferredEffectBackend ?? "auto",
     licenseKey: effectiveLicenseKey,
     onLog: defaultOnLog,
     isProduction: isProduction ?? null,
@@ -26063,7 +26095,7 @@ var renderMedia = ({
 import fs21, { statSync as statSync2 } from "node:fs";
 import path32 from "node:path";
 import { LicensingInternals as LicensingInternals2 } from "@remotion/licensing";
-import { NoReactInternals as NoReactInternals21 } from "remotion/no-react";
+import { NoReactInternals as NoReactInternals23 } from "remotion/no-react";
 var innerRenderStill = async ({
   composition,
   imageFormat = DEFAULT_STILL_IMAGE_FORMAT,
@@ -26091,6 +26123,7 @@ var innerRenderStill = async ({
   onArtifact,
   chromeMode,
   mediaCacheSizeInBytes,
+  preferredEffectBackend,
   onLog
 }) => {
   validateDimension(composition.height, "height", "in the `config` object passed to `renderStill()`");
@@ -26101,7 +26134,7 @@ var innerRenderStill = async ({
     allowFloats: false
   });
   validateStillImageFormat(imageFormat);
-  NoReactInternals21.validateFrame({
+  NoReactInternals23.validateFrame({
     frame,
     durationInFrames: composition.durationInFrames,
     allowFloats: false
@@ -26159,8 +26192,10 @@ var innerRenderStill = async ({
     onError: errorCallback,
     frame: null
   });
+  page.on("error", errorCallback);
   const cleanup = async () => {
     cleanUpJSException();
+    page.off("error", errorCallback);
     if (puppeteerInstance) {
       await page.close();
     } else {
@@ -26190,6 +26225,7 @@ var innerRenderStill = async ({
     },
     isMainTab: true,
     mediaCacheSizeInBytes,
+    preferredEffectBackend,
     initialMemoryAvailable: getAvailableMemory(logLevel),
     darkMode: chromiumOptions.darkMode ?? false,
     sampleRate: 48000
@@ -26374,6 +26410,7 @@ var renderStill = (options2) => {
     chromeMode,
     offthreadVideoThreads,
     mediaCacheSizeInBytes,
+    preferredEffectBackend,
     isProduction,
     ...apiKeyOrLicenseKey
   } = options2;
@@ -26387,8 +26424,8 @@ var renderStill = (options2) => {
   }
   const licenseKey = "licenseKey" in apiKeyOrLicenseKey && typeof apiKeyOrLicenseKey.licenseKey === "string" ? apiKeyOrLicenseKey.licenseKey : null;
   const apiKey = "apiKey" in apiKeyOrLicenseKey && typeof apiKeyOrLicenseKey.apiKey === "string" ? apiKeyOrLicenseKey.apiKey : null;
-  const effectiveLicenseKey = (NoReactInternals21.ENABLE_V5_BREAKING_CHANGES ? licenseKey : licenseKey ?? apiKey) ?? null;
-  if (NoReactInternals21.ENABLE_V5_BREAKING_CHANGES && effectiveLicenseKey === null) {
+  const effectiveLicenseKey = (NoReactInternals23.ENABLE_V5_BREAKING_CHANGES ? licenseKey : licenseKey ?? apiKey) ?? null;
+  if (NoReactInternals23.ENABLE_V5_BREAKING_CHANGES && effectiveLicenseKey === null) {
     Log.warn({ indent, logLevel }, 'Pass "licenseKey" to renderStill(). If you qualify for the Free License (https://remotion.dev/license), pass "free-license" instead.');
   }
   return internalRenderStill({
@@ -26400,7 +26437,7 @@ var renderStill = (options2) => {
     frame: frame ?? 0,
     imageFormat: imageFormat ?? DEFAULT_STILL_IMAGE_FORMAT,
     indent,
-    serializedInputPropsWithCustomSchema: NoReactInternals21.serializeJSONWithSpecialTypes({
+    serializedInputPropsWithCustomSchema: NoReactInternals23.serializeJSONWithSpecialTypes({
       staticBase: null,
       indent: undefined,
       data: inputProps ?? {}
@@ -26417,7 +26454,7 @@ var renderStill = (options2) => {
     serveUrl,
     timeoutInMilliseconds: timeoutInMilliseconds ?? DEFAULT_TIMEOUT,
     logLevel,
-    serializedResolvedPropsWithCustomSchema: NoReactInternals21.serializeJSONWithSpecialTypes({
+    serializedResolvedPropsWithCustomSchema: NoReactInternals23.serializeJSONWithSpecialTypes({
       indent: undefined,
       staticBase: null,
       data: composition.props ?? {}
@@ -26433,6 +26470,7 @@ var renderStill = (options2) => {
     chromeMode: chromeMode ?? "headless-shell",
     offthreadVideoThreads: offthreadVideoThreads ?? null,
     mediaCacheSizeInBytes: mediaCacheSizeInBytes ?? null,
+    preferredEffectBackend: preferredEffectBackend ?? "auto",
     licenseKey: effectiveLicenseKey,
     onLog: defaultOnLog,
     isProduction: isProduction ?? null
@@ -26440,7 +26478,7 @@ var renderStill = (options2) => {
 };
 
 // src/select-composition.ts
-import { NoReactInternals as NoReactInternals22 } from "remotion/no-react";
+import { NoReactInternals as NoReactInternals24 } from "remotion/no-react";
 var innerSelectComposition = async ({
   page,
   serializedInputPropsWithCustomSchema,
@@ -26453,6 +26491,7 @@ var innerSelectComposition = async ({
   logLevel,
   onServeUrlVisited,
   mediaCacheSizeInBytes,
+  preferredEffectBackend,
   chromiumOptions
 }) => {
   validatePuppeteerTimeout(timeoutInMilliseconds);
@@ -26472,6 +26511,7 @@ var innerSelectComposition = async ({
     onServeUrlVisited,
     isMainTab: true,
     mediaCacheSizeInBytes,
+    preferredEffectBackend,
     initialMemoryAvailable: getAvailableMemory(logLevel),
     darkMode: chromiumOptions.darkMode ?? false,
     sampleRate: 48000
@@ -26534,8 +26574,8 @@ var innerSelectComposition = async ({
       height,
       fps,
       durationInFrames,
-      props: NoReactInternals22.deserializeJSONWithSpecialTypes(res.serializedResolvedPropsWithCustomSchema),
-      defaultProps: NoReactInternals22.deserializeJSONWithSpecialTypes(res.serializedDefaultPropsWithCustomSchema),
+      props: NoReactInternals24.deserializeJSONWithSpecialTypes(res.serializedResolvedPropsWithCustomSchema),
+      defaultProps: NoReactInternals24.deserializeJSONWithSpecialTypes(res.serializedDefaultPropsWithCustomSchema),
       defaultCodec,
       defaultOutName,
       defaultVideoImageFormat,
@@ -26567,7 +26607,8 @@ var internalSelectCompositionRaw = async (options2) => {
     onBrowserDownload,
     onServeUrlVisited,
     chromeMode,
-    mediaCacheSizeInBytes
+    mediaCacheSizeInBytes,
+    preferredEffectBackend
   } = options2;
   const [{ page, cleanupPage }, serverUsed] = await Promise.all([
     getPageAndCleanupFn({
@@ -26631,7 +26672,8 @@ var internalSelectCompositionRaw = async (options2) => {
       onBrowserDownload,
       onServeUrlVisited,
       chromeMode,
-      mediaCacheSizeInBytes
+      mediaCacheSizeInBytes,
+      preferredEffectBackend
     }).then((data) => {
       return resolve(data);
     }).catch((err) => {
@@ -26665,7 +26707,8 @@ var selectComposition = async (options2) => {
     onBrowserDownload,
     chromeMode,
     offthreadVideoThreads,
-    mediaCacheSizeInBytes
+    mediaCacheSizeInBytes,
+    preferredEffectBackend
   } = options2;
   const indent = false;
   const logLevel = passedLogLevel ?? (verbose ? "verbose" : "info");
@@ -26675,7 +26718,7 @@ var selectComposition = async (options2) => {
     browserExecutable: browserExecutable ?? null,
     chromiumOptions: chromiumOptions ?? {},
     envVariables: envVariables ?? {},
-    serializedInputPropsWithCustomSchema: NoReactInternals22.serializeJSONWithSpecialTypes({
+    serializedInputPropsWithCustomSchema: NoReactInternals24.serializeJSONWithSpecialTypes({
       indent: undefined,
       staticBase: null,
       data: inputProps ?? {}
@@ -26699,7 +26742,8 @@ var selectComposition = async (options2) => {
     },
     chromeMode: chromeMode ?? "headless-shell",
     offthreadVideoThreads: offthreadVideoThreads ?? null,
-    mediaCacheSizeInBytes: mediaCacheSizeInBytes ?? null
+    mediaCacheSizeInBytes: mediaCacheSizeInBytes ?? null,
+    preferredEffectBackend: preferredEffectBackend ?? "auto"
   });
   return data.metadata;
 };
@@ -27153,9 +27197,9 @@ var getAudibleParts = ({
 };
 // src/get-video-metadata.ts
 import { resolve as resolve2 } from "node:path";
-import { NoReactInternals as NoReactInternals23 } from "remotion/no-react";
+import { NoReactInternals as NoReactInternals25 } from "remotion/no-react";
 var getVideoMetadata = async (videoSource, options2) => {
-  if (NoReactInternals23.ENABLE_V5_BREAKING_CHANGES) {
+  if (NoReactInternals25.ENABLE_V5_BREAKING_CHANGES) {
     throw new Error("getVideoMetadata() has been removed in Remotion 5. Use Mediabunny instead: https://www.remotion.dev/docs/mediabunny/metadata");
   }
   const compositor = startLongRunningCompositor({
@@ -27194,6 +27238,7 @@ var customEditorLineNumberPlaceholder = "%LINE_NUMBER%";
 var customEditorColumnNumberPlaceholder = "%COLUMN_NUMBER%";
 // src/index.ts
 var RenderInternals = {
+  isUserCancelledRender,
   resolveConcurrency,
   serveStatic,
   validateEvenDimensionsWithCodec,