@remotion/renderer 4.0.180 → 4.0.181

package/dist/client.d.ts

@@ -467,19 +467,19 @@ export declare const BrowserSafeApis: {
             cliFlag: "gl";
             docLink: string;
             name: string;
-            type: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
+            type: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
             ssrName: string;
             description: () => import("react/jsx-runtime").JSX.Element;
             getValue: ({ commandLine }: {
                 commandLine: Record<string, unknown>;
             }) => {
-                value: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
+                value: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
                 source: string;
             } | {
                 value: null;
                 source: string;
             };
-            setConfig: (value: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null) => void;
+            setConfig: (value: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null) => void;
         };
         enableLambdaInsights: {
             name: string;

package/dist/combine-video-streams.js

@@ -34,8 +34,6 @@ const combineVideoStreams = async ({ fps, codec, filelistDir, numberOfGifLoops,
         encoder,
         codec === 'h265' ? '-tag:v' : null,
         codec === 'h265' ? 'hvc1' : null,
-        codec === 'h264' ? '-movflags' : null,
-        codec === 'h264' ? 'faststart' : null,
         addRemotionMetadata ? `-metadata` : null,
         addRemotionMetadata ? `comment=Made with Remotion ${version_1.VERSION}` : null,
         '-y',

package/dist/combine-videos.js

@@ -12,6 +12,19 @@ const logger_1 = require("./logger");
 const mux_video_and_audio_1 = require("./mux-video-and-audio");
 const audio_codec_1 = require("./options/audio-codec");
 const truthy_1 = require("./truthy");
+const codecSupportsFastStart = {
+    'h264-mkv': false,
+    'h264-ts': false,
+    h264: true,
+    h265: true,
+    aac: false,
+    gif: false,
+    mp3: false,
+    prores: false,
+    vp8: false,
+    vp9: false,
+    wav: false,
+};
 const combineChunks = async ({ files, filelistDir, output, onProgress, numberOfFrames, codec, fps, numberOfGifLoops, resolvedAudioCodec, audioBitrate, indent, logLevel, chunkDurationInSeconds, binariesDirectory, cancelSignal, seamlessAudio, seamlessVideo, muted, }) => {
     const shouldCreateAudio = resolvedAudioCodec !== null && !muted;
     const shouldCreateVideo = !(0, audio_codec_1.isAudioCodec)(codec);
@@ -100,6 +113,7 @@ const combineChunks = async ({ files, filelistDir, output, onProgress, numberOfF
             binariesDirectory,
             fps,
             cancelSignal,
+            addFaststart: codecSupportsFastStart[codec],
         });
         onProgress(numberOfFrames);
         (0, node_fs_1.rmSync)(filelistDir, { recursive: true });

package/dist/get-video-metadata.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getVideoMetadata = void 0;
+const node_path_1 = require("node:path");
 const compositor_1 = require("./compositor/compositor");
 const getVideoMetadata = async (videoSource, options) => {
     var _a, _b;
@@ -11,7 +12,7 @@ const getVideoMetadata = async (videoSource, options) => {
         binariesDirectory: (_b = options === null || options === void 0 ? void 0 : options.binariesDirectory) !== null && _b !== void 0 ? _b : null,
     });
     const metadataResponse = await compositor.executeCommand('GetVideoMetadata', {
-        src: videoSource,
+        src: (0, node_path_1.resolve)(process.cwd(), videoSource),
     });
     await compositor.finishCommands();
     await compositor.waitForDone();

package/dist/index.d.ts

@@ -141,8 +141,8 @@ export declare const RenderInternals: {
     validPixelFormats: readonly ["yuv420p", "yuva420p", "yuv422p", "yuv444p", "yuv420p10le", "yuv422p10le", "yuv444p10le", "yuva444p10le"];
     DEFAULT_BROWSER: "chrome";
     validateFrameRange: (frameRange: import("./frame-range").FrameRange | null) => void;
-    DEFAULT_OPENGL_RENDERER: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
-    validateOpenGlRenderer: (option: unknown) => "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
+    DEFAULT_OPENGL_RENDERER: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
+    validateOpenGlRenderer: (option: unknown) => "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
     validCodecs: readonly ["h264", "h265", "vp8", "vp9", "mp3", "aac", "wav", "prores", "h264-mkv", "h264-ts", "gif"];
     DEFAULT_PIXEL_FORMAT: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
     validateJpegQuality: (q: unknown) => void;
@@ -354,8 +354,8 @@ export declare const RenderInternals: {
     }) => execa.ExecaChildProcess<string>;
     validStillImageFormats: readonly ["png", "jpeg", "pdf", "webp"];
     validVideoImageFormats: readonly ["png", "jpeg", "none"];
-    DEFAULT_STILL_IMAGE_FORMAT: "jpeg" | "png" | "webp" | "pdf";
-    DEFAULT_VIDEO_IMAGE_FORMAT: "jpeg" | "png" | "none";
+    DEFAULT_STILL_IMAGE_FORMAT: "png" | "jpeg" | "pdf" | "webp";
+    DEFAULT_VIDEO_IMAGE_FORMAT: "png" | "jpeg" | "none";
     DEFAULT_JPEG_QUALITY: number;
     chalk: {
         enabled: () => boolean;
@@ -454,7 +454,7 @@ export declare const RenderInternals: {
         frame: number;
         serializedInputPropsWithCustomSchema: string;
         serializedResolvedPropsWithCustomSchema: string;
-        imageFormat: "jpeg" | "png" | "webp" | "pdf";
+        imageFormat: "png" | "jpeg" | "pdf" | "webp";
         jpegQuality: number;
         puppeteerInstance: HeadlessBrowser | null;
         envVariables: Record<string, string>;
@@ -755,7 +755,7 @@ export declare const RenderInternals: {
         onFrameUpdate: ((framesRendered: number, frameIndex: number, timeToRenderInMilliseconds: number) => void) | null;
         outputDir: string | null;
         envVariables: Record<string, string>;
-        imageFormat: "jpeg" | "png" | "none";
+        imageFormat: "png" | "jpeg" | "none";
         jpegQuality: number;
         frameRange: import("./frame-range").FrameRange | null;
         everyNthFrame: number;
@@ -768,7 +768,7 @@ export declare const RenderInternals: {
         scale: number;
         port: number | null;
         cancelSignal: import("./make-cancel-signal").CancelSignal | undefined;
-        composition: Omit<import("remotion").VideoConfig, "defaultProps" | "props">;
+        composition: Omit<import("remotion").VideoConfig, "props" | "defaultProps">;
         indent: boolean;
         server: import("./prepare-server").RemotionServer | undefined;
         muted: boolean;

package/dist/mux-video-and-audio.d.ts

@@ -1,6 +1,6 @@
 import type { LogLevel } from './log-level';
 import type { CancelSignal } from './make-cancel-signal';
-export declare const muxVideoAndAudio: ({ videoOutput, audioOutput, output, indent, logLevel, onProgress, binariesDirectory, fps, cancelSignal, }: {
+export declare const muxVideoAndAudio: ({ videoOutput, audioOutput, output, indent, logLevel, onProgress, binariesDirectory, fps, cancelSignal, addFaststart, }: {
     videoOutput: string | null;
     audioOutput: string | null;
     output: string;
@@ -10,4 +10,5 @@ export declare const muxVideoAndAudio: ({ videoOutput, audioOutput, output, inde
     fps: number;
     onProgress: (p: number) => void;
     cancelSignal: CancelSignal | undefined;
+    addFaststart: boolean;
 }) => Promise<void>;

package/dist/mux-video-and-audio.js

@@ -6,7 +6,7 @@ const call_ffmpeg_1 = require("./call-ffmpeg");
 const logger_1 = require("./logger");
 const parse_ffmpeg_progress_1 = require("./parse-ffmpeg-progress");
 const truthy_1 = require("./truthy");
-const muxVideoAndAudio = async ({ videoOutput, audioOutput, output, indent, logLevel, onProgress, binariesDirectory, fps, cancelSignal, }) => {
+const muxVideoAndAudio = async ({ videoOutput, audioOutput, output, indent, logLevel, onProgress, binariesDirectory, fps, cancelSignal, addFaststart, }) => {
     var _a;
     const startTime = Date.now();
     logger_1.Log.verbose({ indent, logLevel }, 'Muxing video and audio together');
@@ -20,6 +20,8 @@ const muxVideoAndAudio = async ({ videoOutput, audioOutput, output, indent, logL
         videoOutput ? 'copy' : null,
         audioOutput ? '-c:a' : null,
         audioOutput ? 'copy' : null,
+        addFaststart ? '-movflags' : null,
+        addFaststart ? 'faststart' : null,
         `-metadata`,
         `comment=Made with Remotion ${version_1.VERSION}`,
         '-y',

package/dist/options/gl.d.ts

@@ -1,19 +1,19 @@
 export declare const validOpenGlRenderers: readonly ["swangle", "angle", "egl", "swiftshader", "vulkan", "angle-egl"];
 export type OpenGlRenderer = (typeof validOpenGlRenderers)[number];
 export declare const DEFAULT_OPENGL_RENDERER: OpenGlRenderer | null;
-export declare const getChromiumOpenGlRenderer: () => "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
+export declare const getChromiumOpenGlRenderer: () => "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
 export declare const setChromiumOpenGlRenderer: (renderer: OpenGlRenderer) => void;
 export declare const glOption: {
     cliFlag: "gl";
     docLink: string;
     name: string;
-    type: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
+    type: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
     ssrName: string;
     description: () => import("react/jsx-runtime").JSX.Element;
     getValue: ({ commandLine }: {
         commandLine: Record<string, unknown>;
     }) => {
-        value: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
+        value: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
         source: string;
     } | {
         value: null;

package/dist/options/index.d.ts

@@ -245,19 +245,19 @@ export declare const allOptions: {
         cliFlag: "gl";
         docLink: string;
         name: string;
-        type: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
+        type: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
         ssrName: string;
         description: () => import("react/jsx-runtime").JSX.Element;
         getValue: ({ commandLine }: {
             commandLine: Record<string, unknown>;
         }) => {
-            value: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
+            value: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
             source: string;
         } | {
             value: null;
             source: string;
         };
-        setConfig: (value: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null) => void;
+        setConfig: (value: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null) => void;
     };
     enableLambdaInsights: {
         name: string;