@remotion/webcodecs 4.0.250 → 4.0.252

package/dist/esm/web-fs.mjs

@@ -1,29 +1,14 @@
-var __create = Object.create;
-var __getProtoOf = Object.getPrototypeOf;
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __toESM = (mod, isNodeMode, target) => {
-  target = mod != null ? __create(__getProtoOf(mod)) : {};
-  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
-  for (let key of __getOwnPropNames(mod))
-    if (!__hasOwnProp.call(to, key))
-      __defProp(to, key, {
-        get: () => mod[key],
-        enumerable: true
-      });
-  return to;
-};
-var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
-
 // src/writers/web-fs.ts
 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, {
@@ -46,11 +31,14 @@ var createContent = async ({ filename }) => {
       writPromise = writPromise.then(() => write(arr));
       return writPromise;
     },
-    save: async () => {
+    finish: async () => {
+      await writPromise;
       try {
         await writable.close();
       } catch {
       }
+    },
+    async getBlob() {
       const newHandle = await directoryHandle.getFileHandle(actualFilename, {
         create: true
       });
@@ -62,9 +50,6 @@ var createContent = async ({ filename }) => {
       writPromise = writPromise.then(() => updateDataAt(position, data));
       return writPromise;
     },
-    waitForFinish: async () => {
-      await writPromise;
-    },
     remove
   };
   return writer;

package/dist/get-available-containers.d.ts

@@ -1,4 +1,3 @@
-declare const availableContainers: readonly ["webm", "mp4", "wav"];
+export declare const availableContainers: readonly ["webm", "mp4", "wav"];
 export type ConvertMediaContainer = (typeof availableContainers)[number];
 export declare const getAvailableContainers: () => readonly ConvertMediaContainer[];
-export {};

package/dist/get-available-containers.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAvailableContainers = void 0;
-const availableContainers = ['webm', 'mp4', 'wav'];
+exports.getAvailableContainers = exports.availableContainers = void 0;
+exports.availableContainers = ['webm', 'mp4', 'wav'];
 const getAvailableContainers = () => {
-    return availableContainers;
+    return exports.availableContainers;
 };
 exports.getAvailableContainers = getAvailableContainers;

package/dist/get-available-video-codecs.d.ts

@@ -1,7 +1,6 @@
 import type { ConvertMediaContainer } from './get-available-containers';
-declare const availableVideoCodecs: readonly ["vp8", "vp9", "h264"];
+export declare const availableVideoCodecs: readonly ["vp8", "vp9", "h264", "h265"];
 export type ConvertMediaVideoCodec = (typeof availableVideoCodecs)[number];
 export declare const getAvailableVideoCodecs: ({ container, }: {
     container: ConvertMediaContainer;
 }) => ConvertMediaVideoCodec[];
-export {};

package/dist/get-available-video-codecs.js

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAvailableVideoCodecs = void 0;
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-const availableVideoCodecs = ['vp8', 'vp9', 'h264'];
+exports.getAvailableVideoCodecs = exports.availableVideoCodecs = void 0;
+exports.availableVideoCodecs = ['vp8', 'vp9', 'h264', 'h265'];
 const getAvailableVideoCodecs = ({ container, }) => {
     if (container === 'mp4') {
-        return ['h264'];
+        return ['h264', 'h265'];
     }
     if (container === 'webm') {
         return ['vp8', 'vp9'];

package/dist/get-codec-string.d.ts

@@ -0,0 +1,7 @@
+import type { ConvertMediaVideoCodec } from './get-available-video-codecs';
+export declare const getCodecStringForEncoder: ({ codec, fps, height, width, }: {
+    codec: ConvertMediaVideoCodec;
+    fps: number | null;
+    height: number;
+    width: number;
+}) => string;

package/dist/get-codec-string.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCodecStringForEncoder = void 0;
+const choose_correct_avc1_profile_1 = require("./choose-correct-avc1-profile");
+const choose_correct_hevc_profile_1 = require("./choose-correct-hevc-profile");
+const getCodecStringForEncoder = ({ codec, fps, height, width, }) => {
+    if (codec === 'h264') {
+        return (0, choose_correct_avc1_profile_1.chooseCorrectAvc1Profile)({ fps, height, width });
+    }
+    if (codec === 'h265') {
+        return (0, choose_correct_hevc_profile_1.chooseCorrectHevcProfile)({ fps, height, width });
+    }
+    if (codec === 'vp8') {
+        return 'vp8';
+    }
+    if (codec === 'vp9') {
+        return 'vp09.00.10.08';
+    }
+    throw new Error(`Unknown codec: ${codec}`);
+};
+exports.getCodecStringForEncoder = getCodecStringForEncoder;

package/dist/hevc-levels.d.ts

@@ -0,0 +1,13 @@
+type MaxRes = {
+    width: number;
+    height: number;
+    fps: number;
+};
+interface HEVCLevel {
+    level: string;
+    maxBitrateMainTier: number;
+    maxBitrateHighTier: number | null;
+    maxResolutionsAndFrameRates: MaxRes[];
+}
+export declare const hevcLevels: HEVCLevel[];
+export {};

package/dist/hevc-levels.js

@@ -0,0 +1,233 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hevcLevels = void 0;
+exports.hevcLevels = [
+    {
+        level: '3.1',
+        maxBitrateMainTier: 10000,
+        maxBitrateHighTier: null,
+        maxResolutionsAndFrameRates: [
+            {
+                width: 720,
+                height: 480,
+                fps: 84.3,
+            },
+            {
+                width: 720,
+                height: 576,
+                fps: 75,
+            },
+            {
+                width: 960,
+                height: 540,
+                fps: 60,
+            },
+            {
+                width: 1280,
+                height: 720,
+                fps: 33.7,
+            },
+        ],
+    },
+    {
+        level: '4',
+        maxBitrateMainTier: 12000,
+        maxBitrateHighTier: 30000,
+        maxResolutionsAndFrameRates: [
+            {
+                width: 1280,
+                height: 720,
+                fps: 68,
+            },
+            {
+                width: 1920,
+                height: 1080,
+                fps: 32,
+            },
+            {
+                width: 2048,
+                height: 1080,
+                fps: 30,
+            },
+        ],
+    },
+    {
+        level: '4.1',
+        maxBitrateMainTier: 20000,
+        maxBitrateHighTier: 50000,
+        maxResolutionsAndFrameRates: [
+            {
+                width: 1280,
+                height: 720,
+                fps: 136,
+            },
+            {
+                width: 1920,
+                height: 1080,
+                fps: 64,
+            },
+            {
+                width: 2048,
+                height: 1080,
+                fps: 60,
+            },
+        ],
+    },
+    {
+        level: '5',
+        maxBitrateMainTier: 25000,
+        maxBitrateHighTier: 100000,
+        maxResolutionsAndFrameRates: [
+            {
+                width: 1920,
+                height: 1080,
+                fps: 128,
+            },
+            {
+                width: 2048,
+                height: 1080,
+                fps: 120,
+            },
+            {
+                width: 3840,
+                height: 2160,
+                fps: 32,
+            },
+            {
+                width: 4096,
+                height: 2160,
+                fps: 30,
+            },
+        ],
+    },
+    {
+        level: '5.1',
+        maxBitrateMainTier: 40000,
+        maxBitrateHighTier: 160000,
+        maxResolutionsAndFrameRates: [
+            {
+                width: 1920,
+                height: 1080,
+                fps: 256,
+            },
+            {
+                width: 2048,
+                height: 1080,
+                fps: 240,
+            },
+            {
+                width: 3840,
+                height: 2160,
+                fps: 64,
+            },
+            {
+                width: 4096,
+                height: 2160,
+                fps: 60,
+            },
+        ],
+    },
+    {
+        level: '5.2',
+        maxBitrateMainTier: 60000,
+        maxBitrateHighTier: 240000,
+        maxResolutionsAndFrameRates: [
+            {
+                width: 2048,
+                height: 1080,
+                fps: 300,
+            },
+            {
+                width: 3840,
+                height: 2160,
+                fps: 128,
+            },
+            {
+                width: 4096,
+                height: 2160,
+                fps: 120,
+            },
+        ],
+    },
+    {
+        level: '6',
+        maxBitrateMainTier: 60000,
+        maxBitrateHighTier: 240000,
+        maxResolutionsAndFrameRates: [
+            {
+                width: 3840,
+                height: 2160,
+                fps: 128,
+            },
+            {
+                width: 4096,
+                height: 2160,
+                fps: 120,
+            },
+            {
+                width: 7680,
+                height: 4320,
+                fps: 32,
+            },
+            {
+                width: 8192,
+                height: 4320,
+                fps: 30,
+            },
+        ],
+    },
+    {
+        level: '6.1',
+        maxBitrateMainTier: 120000,
+        maxBitrateHighTier: 480000,
+        maxResolutionsAndFrameRates: [
+            {
+                width: 3840,
+                height: 2160,
+                fps: 256,
+            },
+            {
+                width: 4096,
+                height: 2160,
+                fps: 240,
+            },
+            {
+                width: 7680,
+                height: 4320,
+                fps: 64,
+            },
+            {
+                width: 8192,
+                height: 4320,
+                fps: 60,
+            },
+        ],
+    },
+    {
+        level: '6.2',
+        maxBitrateMainTier: 240000,
+        maxBitrateHighTier: 800000,
+        maxResolutionsAndFrameRates: [
+            {
+                width: 3840,
+                height: 2160,
+                fps: 512,
+            },
+            {
+                width: 4096,
+                height: 2160,
+                fps: 480,
+            },
+            {
+                width: 7680,
+                height: 4320,
+                fps: 128,
+            },
+            {
+                width: 8192,
+                height: 4320,
+                fps: 120,
+            },
+        ],
+    },
+];

package/dist/index.d.ts

@@ -17,7 +17,6 @@ export { ConvertMediaOnVideoTrackHandler, VideoOperation, } from './on-video-tra
 export type { ResizeOperation } from './resizing/mode';
 export { createVideoDecoder, WebCodecsVideoDecoder } from './video-decoder';
 export { createVideoEncoder, WebCodecsVideoEncoder } from './video-encoder';
-export { WriterInterface } from './writers/writer';
 export declare const WebCodecsInternals: {
     rotateAndResizeVideoFrame: ({ frame, rotation, videoCodec, resizeOperation, }: {
         frame: VideoFrame;

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-audio-track.js

@@ -85,6 +85,7 @@ const makeAudioTrackHandler = ({ state, defaultAudioCodec: audioCodec, controlle
             audioObjectType: 2,
             sampleRate: track.sampleRate,
             channelConfiguration: track.numberOfChannels,
+            codecPrivate: null,
         })
         : null;
     const { trackNumber } = await state.addTrack({

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/test/create-matroska.test.js

@@ -3,18 +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,
-    logLevel: 'info',
-});
 (0, bun_test_1.test)('Should make Matroska header that is same as input', async () => {
     const headerOutput = (0, matroska_utils_1.makeMatroskaBytes)({
         type: 'Header',
@@ -58,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.js

@@ -2,16 +2,20 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const example_videos_1 = require("@remotion/example-videos");
 const node_1 = require("@remotion/media-parser/node");
+const node_writer_1 = require("@remotion/media-parser/node-writer");
 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'),
+        writer: (0, node_writer_1.nodeWriter)('outputbun.mp4'),
     });
     const data = await save();
     (0, bun_test_1.expect)(data.size).toBe(15306323);

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,7 +43,7 @@ const bun_test_1 = require("bun:test");
             hasAudioTrackHandlers: true,
             hasVideoTrackHandlers: true,
             signal: undefined,
-            getIterator: () => null,
+            iterator,
             fields: {},
             supportsContentRange: true,
             contentLength: null,
@@ -202,14 +201,13 @@ 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,
             },

package/dist/video-encoder-config.js

@@ -2,20 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getVideoEncoderConfig = void 0;
 const browser_quirks_1 = require("./browser-quirks");
-const choose_correct_avc1_profile_1 = require("./choose-correct-avc1-profile");
+const get_codec_string_1 = require("./get-codec-string");
 const getVideoEncoderConfig = async ({ codec, height, width, fps, }) => {
     if (typeof VideoEncoder === 'undefined') {
         return null;
     }
     const config = {
-        codec: codec === 'h264'
-            ? (0, choose_correct_avc1_profile_1.chooseCorrectAvc1Profile)({ fps, height, width })
-            : codec === 'vp9'
-                ? 'vp09.00.10.08'
-                : codec,
+        codec: (0, get_codec_string_1.getCodecStringForEncoder)({ codec, fps, height, width }),
         height,
         width,
         bitrate: (0, browser_quirks_1.isSafari)() ? 3000000 : undefined,
+        bitrateMode: codec === 'vp9' && !(0, browser_quirks_1.isSafari)() ? 'quantizer' : undefined,
+        framerate: fps !== null && fps !== void 0 ? fps : undefined,
     };
     const hardware = {
         ...config,

package/dist/video-encoder.js

@@ -72,6 +72,10 @@ const createVideoEncoder = ({ onChunk, onError, signal, config, logLevel, output
         const keyFrame = framesProcessed % 40 === 0;
         encoder.encode((0, convert_to_correct_videoframe_1.convertToCorrectVideoFrame)({ videoFrame: frame, outputCodec }), {
             keyFrame,
+            // @ts-expect-error
+            vp9: {
+                quantizer: 36,
+            },
         });
         ioSynchronizer.inputItem(frame.timestamp, keyFrame);
         framesProcessed++;

package/dist/writers/buffer-implementation/writer.d.ts

@@ -1,2 +1,2 @@
-import type { CreateContent } from '../writer';
+import type { CreateContent } from '@remotion/media-parser';
 export declare const createContent: CreateContent;

package/dist/writers/buffer-implementation/writer.js

@@ -27,10 +27,14 @@ const createContent = ({ filename, mimeType }) => {
             writPromise = writPromise.then(() => write(arr));
             return writPromise;
         },
-        save: () => {
+        finish: async () => {
+            await writPromise;
             if (removed) {
                 return Promise.reject(new Error('Already called .remove() on the result'));
             }
+            return Promise.resolve();
+        },
+        getBlob() {
             const arr = new Uint8Array(buf);
             return Promise.resolve(
             // TODO: Unhardcode MIME type and file name
@@ -45,9 +49,6 @@ const createContent = ({ filename, mimeType }) => {
             writPromise = writPromise.then(() => updateDataAt(position, newData));
             return writPromise;
         },
-        waitForFinish: async () => {
-            await writPromise;
-        },
     };
     return Promise.resolve(writer);
 };

package/dist/writers/buffer.d.ts

@@ -1,2 +1,2 @@
-import type { WriterInterface } from './writer';
+import type { WriterInterface } from '@remotion/media-parser';
 export declare const bufferWriter: WriterInterface;

package/dist/writers/web-fs.d.ts

@@ -1,3 +1,3 @@
-import type { WriterInterface } from './writer';
+import type { WriterInterface } from '@remotion/media-parser';
 export declare const webFsWriter: WriterInterface;
 export declare const canUseWebFsWriter: () => Promise<boolean>;

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, {
@@ -30,13 +33,16 @@ const createContent = async ({ filename }) => {
             writPromise = writPromise.then(() => write(arr));
             return writPromise;
         },
-        save: async () => {
+        finish: async () => {
+            await writPromise;
             try {
                 await writable.close();
             }
             catch (_a) {
                 // Ignore, could already be closed
             }
+        },
+        async getBlob() {
             const newHandle = await directoryHandle.getFileHandle(actualFilename, {
                 create: true,
             });
@@ -48,9 +54,6 @@ const createContent = async ({ filename }) => {
             writPromise = writPromise.then(() => updateDataAt(position, data));
             return writPromise;
         },
-        waitForFinish: async () => {
-            await writPromise;
-        },
         remove,
     };
     return writer;