@remotion/webcodecs 4.0.249 → 4.0.251

package/dist/auto-select-writer.js

@@ -11,6 +11,11 @@ const autoSelectWriter = async (writer, logLevel) => {
         return writer;
     }
     log_1.Log.verbose(logLevel, 'Determining best writer');
+    const hasNavigator = typeof navigator !== 'undefined';
+    if (!hasNavigator) {
+        log_1.Log.verbose(logLevel, 'No navigator API detected, using buffer writer');
+        return buffer_1.bufferWriter;
+    }
     // Check if we're offline using the navigator API
     const isOffline = !navigator.onLine;
     if (isOffline) {

package/dist/can-copy-audio-track.d.ts

@@ -1,7 +1,7 @@
-import type { MediaParserAudioCodec, ParseMediaContainer } from '@remotion/media-parser';
+import type { MediaParserAudioCodec, MediaParserContainer } from '@remotion/media-parser';
 import type { ConvertMediaContainer } from './get-available-containers';
 export declare const canCopyAudioTrack: ({ inputCodec, outputContainer, inputContainer, }: {
     inputCodec: MediaParserAudioCodec;
     outputContainer: ConvertMediaContainer;
-    inputContainer: ParseMediaContainer;
+    inputContainer: MediaParserContainer;
 }) => boolean;

package/dist/can-copy-video-track.d.ts

@@ -1,8 +1,8 @@
-import type { ParseMediaContainer, VideoTrack } from '@remotion/media-parser';
+import type { MediaParserContainer, VideoTrack } from '@remotion/media-parser';
 import type { ConvertMediaContainer } from './get-available-containers';
 import type { ResizeOperation } from './resizing/mode';
 export declare const canCopyVideoTrack: ({ outputContainer, rotationToApply, inputContainer, resizeOperation, inputTrack, }: {
-    inputContainer: ParseMediaContainer;
+    inputContainer: MediaParserContainer;
     inputTrack: VideoTrack;
     rotationToApply: number;
     outputContainer: ConvertMediaContainer;

package/dist/can-reencode-video-track.d.ts

@@ -1,6 +1,9 @@
 import type { VideoTrack } from '@remotion/media-parser';
 import type { ConvertMediaVideoCodec } from './get-available-video-codecs';
-export declare const canReencodeVideoTrack: ({ videoCodec, track, }: {
+import type { ResizeOperation } from './resizing/mode';
+export declare const canReencodeVideoTrack: ({ videoCodec, track, resizeOperation, rotate, }: {
     videoCodec: ConvertMediaVideoCodec;
     track: VideoTrack;
+    resizeOperation: ResizeOperation | null;
+    rotate: number | null;
 }) => Promise<boolean>;

package/dist/can-reencode-video-track.js

@@ -1,13 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.canReencodeVideoTrack = void 0;
+const rotation_1 = require("./rotation");
 const video_decoder_config_1 = require("./video-decoder-config");
 const video_encoder_config_1 = require("./video-encoder-config");
-const canReencodeVideoTrack = async ({ videoCodec, track, }) => {
-    const videoEncoderConfig = await (0, video_encoder_config_1.getVideoEncoderConfig)({
-        codec: videoCodec,
+const canReencodeVideoTrack = async ({ videoCodec, track, resizeOperation, rotate, }) => {
+    const { height, width } = (0, rotation_1.calculateNewDimensionsFromRotateAndScale)({
         height: track.displayAspectHeight,
+        resizeOperation,
+        rotation: rotate !== null && rotate !== void 0 ? rotate : 0,
+        videoCodec,
         width: track.displayAspectWidth,
+    });
+    const videoEncoderConfig = await (0, video_encoder_config_1.getVideoEncoderConfig)({
+        codec: videoCodec,
+        height,
+        width,
         fps: track.fps,
     });
     const videoDecoderConfig = await (0, video_decoder_config_1.getVideoDecoderConfigWithHardwareAcceleration)(track);

package/dist/convert-media.d.ts

@@ -2,7 +2,8 @@
  * Copyright (c) 2025 Remotion AG
  * For licensing, see: https://remotion.dev/docs/webcodecs#license
  */
-import type { AudioTrack, LogLevel, Options, ParseMediaDynamicOptions, ParseMediaFields, ParseMediaOptions, VideoTrack } from '@remotion/media-parser';
+import type { AudioTrack, LogLevel, Options, ParseMediaFields, ParseMediaOptions, VideoTrack } from '@remotion/media-parser';
+import type { ParseMediaCallbacks } from '@remotion/media-parser';
 import type { ConvertMediaAudioCodec } from './get-available-audio-codecs';
 import type { ConvertMediaContainer } from './get-available-containers';
 import type { ConvertMediaVideoCodec } from './get-available-video-codecs';
@@ -52,4 +53,5 @@ export declare const convertMedia: <F extends Options<ParseMediaFields>>({ src,
     rotate?: number;
     resize?: ResizeOperation;
     apiKey?: string | null;
-} & ParseMediaDynamicOptions<F>) => Promise<ConvertMediaResult>;
+    fields?: F;
+} & ParseMediaCallbacks) => Promise<ConvertMediaResult>;

package/dist/create/matroska/matroska-trackentry.js

@@ -73,6 +73,9 @@ const makeAudioCodecId = (codecId) => {
     if (codecId === 'vorbis') {
         return 'A_VORBIS';
     }
+    if (codecId === 'flac') {
+        return 'A_FLAC';
+    }
     if (codecId === 'pcm-u8') {
         return 'A_PCM/INT/LIT';
     }

package/dist/create/matroska/matroska-utils.d.ts

@@ -19,7 +19,7 @@ export type EbmlParsedOrUint8Array<T extends Ebml> = {
     value: EbmlValueOrUint8Array<T>;
     minVintWidth: number | null;
 };
-export declare const measureEBMLVarInt: (value: number) => 2 | 1 | 6 | 5 | 3 | 4;
+export declare const measureEBMLVarInt: (value: number) => 2 | 1 | 4 | 3 | 5 | 6;
 export declare const getVariableInt: (value: number, minWidth: number | null) => Uint8Array;
 export declare const makeMatroskaBytes: (fields: PossibleEbmlOrUint8Array) => BytesAndOffset;
 export type PossibleEbmlOrUint8Array = Prettify<{

package/dist/default-on-video-track-handler.js

@@ -15,6 +15,8 @@ const defaultOnVideoTrackHandler = async ({ track, defaultVideoCodec, logLevel,
     const canReencode = await (0, can_reencode_video_track_1.canReencodeVideoTrack)({
         videoCodec: defaultVideoCodec,
         track,
+        resizeOperation,
+        rotate,
     });
     if (canReencode) {
         media_parser_1.MediaParserInternals.Log.verbose(logLevel, `Track ${track.trackId} (video): Cannot copy, but re-enconde, therefore re-encoding`);

package/dist/esm/index.mjs

@@ -97,9 +97,12 @@ var createContent = async ({ filename }) => {
   const directoryHandle = await navigator.storage.getDirectory();
   const actualFilename = `__remotion_mediaparser:${filename}`;
   const remove = async () => {
-    await directoryHandle.removeEntry(actualFilename, {
-      recursive: true
-    });
+    try {
+      await directoryHandle.removeEntry(actualFilename, {
+        recursive: true
+      });
+    } catch {
+    }
   };
   await remove();
   const fileHandle = await directoryHandle.getFileHandle(actualFilename, {
@@ -1082,12 +1085,21 @@ var getVideoEncoderConfig = async ({
 // src/can-reencode-video-track.ts
 var canReencodeVideoTrack = async ({
   videoCodec,
-  track
+  track,
+  resizeOperation,
+  rotate
 }) => {
+  const { height, width } = calculateNewDimensionsFromRotateAndScale({
+    height: track.displayAspectHeight,
+    resizeOperation,
+    rotation: rotate ?? 0,
+    videoCodec,
+    width: track.displayAspectWidth
+  });
   const videoEncoderConfig = await getVideoEncoderConfig({
     codec: videoCodec,
-    height: track.displayAspectHeight,
-    width: track.displayAspectWidth,
+    height,
+    width,
     fps: track.fps
   });
   const videoDecoderConfig = await getVideoDecoderConfigWithHardwareAcceleration(track);
@@ -1103,6 +1115,11 @@ var autoSelectWriter = async (writer, logLevel) => {
     return writer;
   }
   Log.verbose(logLevel, "Determining best writer");
+  const hasNavigator = typeof navigator !== "undefined";
+  if (!hasNavigator) {
+    Log.verbose(logLevel, "No navigator API detected, using buffer writer");
+    return bufferWriter;
+  }
   const isOffline = !navigator.onLine;
   if (isOffline) {
     Log.verbose(logLevel, "Offline mode detected, using buffer writer");
@@ -1474,7 +1491,9 @@ var defaultOnVideoTrackHandler = async ({
   }
   const canReencode = await canReencodeVideoTrack({
     videoCodec: defaultVideoCodec,
-    track
+    track,
+    resizeOperation,
+    rotate
   });
   if (canReencode) {
     MediaParserInternals4.Log.verbose(logLevel, `Track ${track.trackId} (video): Cannot copy, but re-enconde, therefore re-encoding`);
@@ -3730,6 +3749,9 @@ var makeAudioCodecId = (codecId) => {
   if (codecId === "vorbis") {
     return "A_VORBIS";
   }
+  if (codecId === "flac") {
+    return "A_FLAC";
+  }
   if (codecId === "pcm-u8") {
     return "A_PCM/INT/LIT";
   }

package/dist/esm/node.mjs

@@ -0,0 +1,71 @@
+// src/writers/node.ts
+import fs from "node:fs";
+var createContent = (filename) => {
+  return async () => {
+    const writPromise = Promise.resolve();
+    const remove = async () => {
+      await fs.promises.unlink(filename).catch(() => {
+      });
+    };
+    await remove();
+    if (!fs.existsSync(filename)) {
+      fs.writeFileSync(filename, "");
+    }
+    const writeStream = fs.openSync(filename, "w");
+    let written = 0;
+    const write = async (data) => {
+      await new Promise((resolve, reject) => {
+        fs.write(writeStream, data, 0, data.length, undefined, (err) => {
+          if (err) {
+            reject(err);
+            return;
+          }
+          resolve();
+        });
+      });
+      written += data.byteLength;
+    };
+    const updateDataAt = (position, data) => {
+      return new Promise((resolve, reject) => {
+        fs.write(writeStream, data, 0, data.length, position, (err) => {
+          if (err) {
+            reject(err);
+            return;
+          }
+          resolve();
+        });
+      });
+    };
+    const writer = {
+      write: (arr) => {
+        writPromise.then(() => write(arr));
+        return writPromise;
+      },
+      updateDataAt: (position, data) => {
+        writPromise.then(() => updateDataAt(position, data));
+        return writPromise;
+      },
+      waitForFinish: async () => {
+        await writPromise;
+      },
+      getWrittenByteCount: () => written,
+      remove,
+      save: async () => {
+        try {
+          fs.closeSync(writeStream);
+          const file = await fs.promises.readFile(filename);
+          return new Blob([file]);
+        } catch (e) {
+          return Promise.reject(e);
+        }
+      }
+    };
+    return writer;
+  };
+};
+var nodeWriter = (path) => {
+  return { createContent: createContent(path) };
+};
+export {
+  nodeWriter
+};

package/dist/esm/web-fs.mjs

@@ -21,9 +21,12 @@ var createContent = async ({ filename }) => {
   const directoryHandle = await navigator.storage.getDirectory();
   const actualFilename = `__remotion_mediaparser:${filename}`;
   const remove = async () => {
-    await directoryHandle.removeEntry(actualFilename, {
-      recursive: true
-    });
+    try {
+      await directoryHandle.removeEntry(actualFilename, {
+        recursive: true
+      });
+    } catch {
+    }
   };
   await remove();
   const fileHandle = await directoryHandle.getFileHandle(actualFilename, {

package/dist/on-audio-track-handler.d.ts

@@ -1,4 +1,4 @@
-import type { AudioTrack, LogLevel, ParseMediaContainer } from '@remotion/media-parser';
+import type { AudioTrack, LogLevel, MediaParserContainer } from '@remotion/media-parser';
 import type { ConvertMediaAudioCodec } from './get-available-audio-codecs';
 import type { ConvertMediaContainer } from './get-available-containers';
 export type AudioOperation = {
@@ -17,6 +17,6 @@ export type ConvertMediaOnAudioTrackHandler = (options: {
     defaultAudioCodec: ConvertMediaAudioCodec | null;
     logLevel: LogLevel;
     outputContainer: ConvertMediaContainer;
-    inputContainer: ParseMediaContainer;
+    inputContainer: MediaParserContainer;
     canCopyTrack: boolean;
 }) => AudioOperation | Promise<AudioOperation>;

package/dist/on-video-track-handler.d.ts

@@ -1,4 +1,4 @@
-import type { LogLevel, ParseMediaContainer, VideoTrack } from '@remotion/media-parser';
+import type { LogLevel, MediaParserContainer, VideoTrack } from '@remotion/media-parser';
 import type { ConvertMediaContainer } from './get-available-containers';
 import type { ConvertMediaVideoCodec } from './get-available-video-codecs';
 import type { ResizeOperation } from './resizing/mode';
@@ -21,6 +21,6 @@ export type ConvertMediaOnVideoTrackHandler = (options: {
     outputContainer: ConvertMediaContainer;
     rotate: number;
     resizeOperation: ResizeOperation | null;
-    inputContainer: ParseMediaContainer;
+    inputContainer: MediaParserContainer;
     canCopyTrack: boolean;
 }) => VideoOperation | Promise<VideoOperation>;

package/dist/select-container-creator.d.ts

@@ -1,2 +1,2 @@
 import type { ConvertMediaContainer } from './get-available-containers';
-export declare const selectContainerCreator: (container: ConvertMediaContainer) => ({ filename, logLevel, onBytesProgress, onMillisecondsProgress, writer, progressTracker, }: import("./create/media-fn").MediaFnGeneratorInput) => Promise<import("./create/media-fn").MediaFn>;
+export declare const selectContainerCreator: (container: ConvertMediaContainer) => ({ writer, onBytesProgress, onMillisecondsProgress, logLevel, filename, progressTracker, }: import("./create/media-fn").MediaFnGeneratorInput) => Promise<import("./create/media-fn").MediaFn>;

package/dist/test/create-matroska.test.js

@@ -3,17 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const media_parser_1 = require("@remotion/media-parser");
 const bun_test_1 = require("bun:test");
 const matroska_utils_1 = require("../create/matroska/matroska-utils");
-const state = media_parser_1.MediaParserInternals.makeParserState({
-    hasAudioTrackHandlers: false,
-    hasVideoTrackHandlers: false,
-    signal: undefined,
-    getIterator: () => null,
-    fields: {},
-    onAudioTrack: null,
-    onVideoTrack: null,
-    supportsContentRange: true,
-    contentLength: null,
-});
 (0, bun_test_1.test)('Should make Matroska header that is same as input', async () => {
     const headerOutput = (0, matroska_utils_1.makeMatroskaBytes)({
         type: 'Header',
@@ -57,7 +46,19 @@ const state = media_parser_1.MediaParserInternals.makeParserState({
         ],
     });
     const iterator = media_parser_1.MediaParserInternals.getArrayBufferIterator(headerOutput.bytes, headerOutput.bytes.length);
-    const parsed = await media_parser_1.MediaParserInternals.parseEbml(iterator, state);
+    const state = media_parser_1.MediaParserInternals.makeParserState({
+        hasAudioTrackHandlers: false,
+        hasVideoTrackHandlers: false,
+        signal: undefined,
+        iterator,
+        fields: {},
+        onAudioTrack: null,
+        onVideoTrack: null,
+        supportsContentRange: true,
+        contentLength: null,
+        logLevel: 'info',
+    });
+    const parsed = await media_parser_1.MediaParserInternals.parseEbml(state);
     (0, bun_test_1.expect)(parsed).toEqual({
         type: 'Header',
         minVintWidth: 1,

package/dist/test/remux-serverside.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/remux-serverside.test.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const example_videos_1 = require("@remotion/example-videos");
+const node_1 = require("@remotion/media-parser/node");
+const bun_test_1 = require("bun:test");
+const node_fs_1 = require("node:fs");
+const convert_media_1 = require("../convert-media");
+const node_2 = require("../writers/node");
+(0, bun_test_1.test)('should be able to remux server side', async () => {
+    // bun file descriptor problem
+    if (process.platform === 'win32') {
+        return;
+    }
+    const { save } = await (0, convert_media_1.convertMedia)({
+        src: example_videos_1.exampleVideos.bigBuckBunny,
+        reader: node_1.nodeReader,
+        container: 'mp4',
+        writer: (0, node_2.nodeWriter)('outputbun.mp4'),
+    });
+    const data = await save();
+    (0, bun_test_1.expect)(data.size).toBe(15306323);
+    (0, node_fs_1.unlinkSync)('outputbun.mp4');
+});

package/dist/test/stsd.test.js

@@ -35,7 +35,6 @@ const bun_test_1 = require("bun:test");
     const iterator = media_parser_1.MediaParserInternals.getArrayBufferIterator(buffer, null);
     iterator.discard(8);
     const parsed = await media_parser_1.MediaParserInternals.parseStsd({
-        iterator,
         offset: 0,
         size: 159,
         state: media_parser_1.MediaParserInternals.makeParserState({
@@ -44,13 +43,12 @@ const bun_test_1 = require("bun:test");
             hasAudioTrackHandlers: true,
             hasVideoTrackHandlers: true,
             signal: undefined,
-            getIterator: () => null,
+            iterator,
             fields: {},
             supportsContentRange: true,
             contentLength: null,
+            logLevel: 'info',
         }),
-        signal: null,
-        fields: {},
     });
     (0, bun_test_1.expect)(parsed).toEqual({
         offset: 0,
@@ -203,23 +201,20 @@ const bun_test_1 = require("bun:test");
         0, 0, 0, 16, 112, 97, 115, 112, 0, 0, 0, 1, 0, 0, 0, 1,
     ]);
     const parsed = await media_parser_1.MediaParserInternals.processSample({
-        iterator: media_parser_1.MediaParserInternals.getArrayBufferIterator(buffer, null),
         state: media_parser_1.MediaParserInternals.makeParserState({
             onAudioTrack: null,
             onVideoTrack: () => () => undefined,
             hasAudioTrackHandlers: true,
             hasVideoTrackHandlers: true,
             signal: undefined,
-            getIterator: () => null,
+            iterator: media_parser_1.MediaParserInternals.getArrayBufferIterator(buffer, null),
             fields: {
                 structure: true,
             },
             supportsContentRange: true,
             contentLength: null,
+            logLevel: 'info',
         }),
-        signal: null,
-        logLevel: 'info',
-        fields: {},
     });
     (0, bun_test_1.expect)(parsed.sample).toEqual({
         size: 158,

package/dist/writers/node.d.ts

@@ -0,0 +1,4 @@
+import type { CreateContent } from './writer';
+export declare const nodeWriter: (path: string) => {
+    createContent: CreateContent;
+};

package/dist/writers/node.js

@@ -0,0 +1,74 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.nodeWriter = void 0;
+const node_fs_1 = __importDefault(require("node:fs"));
+const createContent = (filename) => {
+    return async () => {
+        const writPromise = Promise.resolve();
+        const remove = async () => {
+            await node_fs_1.default.promises.unlink(filename).catch(() => { });
+        };
+        await remove();
+        if (!node_fs_1.default.existsSync(filename)) {
+            node_fs_1.default.writeFileSync(filename, '');
+        }
+        const writeStream = node_fs_1.default.openSync(filename, 'w');
+        let written = 0;
+        const write = async (data) => {
+            await new Promise((resolve, reject) => {
+                node_fs_1.default.write(writeStream, data, 0, data.length, undefined, (err) => {
+                    if (err) {
+                        reject(err);
+                        return;
+                    }
+                    resolve();
+                });
+            });
+            written += data.byteLength;
+        };
+        const updateDataAt = (position, data) => {
+            return new Promise((resolve, reject) => {
+                node_fs_1.default.write(writeStream, data, 0, data.length, position, (err) => {
+                    if (err) {
+                        reject(err);
+                        return;
+                    }
+                    resolve();
+                });
+            });
+        };
+        const writer = {
+            write: (arr) => {
+                writPromise.then(() => write(arr));
+                return writPromise;
+            },
+            updateDataAt: (position, data) => {
+                writPromise.then(() => updateDataAt(position, data));
+                return writPromise;
+            },
+            waitForFinish: async () => {
+                await writPromise;
+            },
+            getWrittenByteCount: () => written,
+            remove,
+            save: async () => {
+                try {
+                    node_fs_1.default.closeSync(writeStream);
+                    const file = await node_fs_1.default.promises.readFile(filename);
+                    return new Blob([file]);
+                }
+                catch (e) {
+                    return Promise.reject(e);
+                }
+            },
+        };
+        return writer;
+    };
+};
+const nodeWriter = (path) => {
+    return { createContent: createContent(path) };
+};
+exports.nodeWriter = nodeWriter;

package/dist/writers/web-fs.js

@@ -5,9 +5,12 @@ const createContent = async ({ filename }) => {
     const directoryHandle = await navigator.storage.getDirectory();
     const actualFilename = `__remotion_mediaparser:${filename}`;
     const remove = async () => {
-        await directoryHandle.removeEntry(actualFilename, {
-            recursive: true,
-        });
+        try {
+            await directoryHandle.removeEntry(actualFilename, {
+                recursive: true,
+            });
+        }
+        catch (_a) { }
     };
     await remove();
     const fileHandle = await directoryHandle.getFileHandle(actualFilename, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/webcodecs",
-  "version": "4.0.249",
+  "version": "4.0.251",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "module": "dist/esm/index.mjs",
@@ -17,15 +17,15 @@
   "author": "Jonny Burger <jonny@remotion.dev>",
   "license": "Remotion License (See https://remotion.dev/docs/webcodecs#license)",
   "dependencies": {
-    "@remotion/media-parser": "4.0.249",
-    "@remotion/licensing": "4.0.249"
+    "@remotion/media-parser": "4.0.251",
+    "@remotion/licensing": "4.0.251"
   },
   "peerDependencies": {},
   "devDependencies": {
     "@types/dom-webcodecs": "0.1.11",
     "eslint": "9.14.0",
-    "@remotion/eslint-config-internal": "4.0.249",
-    "@remotion/example-videos": "4.0.249"
+    "@remotion/example-videos": "4.0.251",
+    "@remotion/eslint-config-internal": "4.0.251"
   },
   "keywords": [],
   "publishConfig": {
@@ -50,6 +50,12 @@
       "module": "./dist/esm/buffer.mjs",
       "import": "./dist/esm/buffer.mjs"
     },
+    "./node": {
+      "types": "./dist/writers/node.d.ts",
+      "require": "./dist/writers/node.js",
+      "module": "./dist/esm/node.mjs",
+      "import": "./dist/esm/node.mjs"
+    },
     "./package.json": "./package.json"
   },
   "typesVersions": {
@@ -57,6 +63,9 @@
       "web-fs": [
         "dist/writers/web-fs.d.ts"
       ],
+      "node": [
+        "dist/writers/node.d.ts"
+      ],
       "buffer": [
         "dist/writers/buffer.d.ts"
       ]