@remotion/webcodecs 4.0.251 → 4.0.252

package/dist/esm/web-fs.mjs

@@ -1,21 +1,3 @@
-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();
@@ -49,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
       });
@@ -65,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.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/select-container-creator.d.ts

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

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

@@ -2,10 +2,10 @@
 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') {
@@ -15,7 +15,7 @@ const node_2 = require("../writers/node");
         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/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

@@ -33,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,
             });
@@ -51,9 +54,6 @@ const createContent = async ({ filename }) => {
             writPromise = writPromise.then(() => updateDataAt(position, data));
             return writPromise;
         },
-        waitForFinish: async () => {
-            await writPromise;
-        },
         remove,
     };
     return writer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/webcodecs",
-  "version": "4.0.251",
+  "version": "4.0.252",
   "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.251",
-    "@remotion/licensing": "4.0.251"
+    "@remotion/media-parser": "4.0.252",
+    "@remotion/licensing": "4.0.252"
   },
   "peerDependencies": {},
   "devDependencies": {
     "@types/dom-webcodecs": "0.1.11",
     "eslint": "9.14.0",
-    "@remotion/example-videos": "4.0.251",
-    "@remotion/eslint-config-internal": "4.0.251"
+    "@remotion/example-videos": "4.0.252",
+    "@remotion/eslint-config-internal": "4.0.252"
   },
   "keywords": [],
   "publishConfig": {