@remotion/webcodecs 4.0.315 → 4.0.316

package/dist/esm/index.mjs

@@ -362,7 +362,7 @@ var normalizeVideoRotation = (rotation) => {
 var rotateAndResizeVideoFrame = ({
   frame,
   rotation,
-  needsToBeMultipleOfTwo,
+  needsToBeMultipleOfTwo = false,
   resizeOperation
 }) => {
   const normalized = (rotation % 360 + 360) % 360;
@@ -5719,6 +5719,7 @@ var WebCodecsInternals = {
 setRemotionImported();
 export {
   webcodecsController,
+  rotateAndResizeVideoFrame,
   getDefaultVideoCodec,
   getDefaultAudioCodec,
   getAvailableVideoCodecs,

package/dist/index.d.ts

@@ -26,6 +26,7 @@ export { getDefaultVideoCodec } from './get-default-video-codec';
 export type { AudioOperation, ConvertMediaOnAudioTrackHandler, } from './on-audio-track-handler';
 export type { ConvertMediaOnVideoTrackHandler, VideoOperation, } from './on-video-track-handler';
 export type { ResizeOperation } from './resizing/mode';
+export { rotateAndResizeVideoFrame } from './rotate-and-resize-video-frame';
 export { createVideoEncoder } from './video-encoder';
 export type { WebCodecsVideoEncoder } from './video-encoder';
 export { webcodecsController } from './webcodecs-controller';
@@ -34,8 +35,8 @@ export declare const WebCodecsInternals: {
     rotateAndResizeVideoFrame: ({ frame, rotation, needsToBeMultipleOfTwo, resizeOperation, }: {
         frame: VideoFrame;
         rotation: number;
-        needsToBeMultipleOfTwo: boolean;
         resizeOperation: import("./resizing/mode").ResizeOperation | null;
+        needsToBeMultipleOfTwo?: boolean;
     }) => VideoFrame;
     normalizeVideoRotation: (rotation: number) => number;
     calculateNewDimensionsFromDimensions: ({ width, height, rotation, resizeOperation, needsToBeMultipleOfTwo, }: {

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WebCodecsInternals = exports.webcodecsController = exports.createVideoEncoder = exports.getDefaultVideoCodec = exports.getDefaultAudioCodec = exports.getAvailableVideoCodecs = exports.getAvailableContainers = exports.getAvailableAudioCodecs = exports.extractFrames = exports.defaultOnVideoTrackHandler = exports.defaultOnAudioTrackHandler = exports.createVideoDecoder = exports.createAudioDecoder = exports.convertMedia = exports.convertAudioData = exports.canReencodeVideoTrack = exports.canReencodeAudioTrack = exports.canCopyVideoTrack = exports.canCopyAudioTrack = exports.createAudioEncoder = void 0;
+exports.WebCodecsInternals = exports.webcodecsController = exports.createVideoEncoder = exports.rotateAndResizeVideoFrame = exports.getDefaultVideoCodec = exports.getDefaultAudioCodec = exports.getAvailableVideoCodecs = exports.getAvailableContainers = exports.getAvailableAudioCodecs = exports.extractFrames = exports.defaultOnVideoTrackHandler = exports.defaultOnAudioTrackHandler = exports.createVideoDecoder = exports.createAudioDecoder = exports.convertMedia = exports.convertAudioData = exports.canReencodeVideoTrack = exports.canReencodeAudioTrack = exports.canCopyVideoTrack = exports.canCopyAudioTrack = exports.createAudioEncoder = void 0;
 const rotate_and_resize_video_frame_1 = require("./rotate-and-resize-video-frame");
 const rotation_1 = require("./rotation");
 const set_remotion_imported_1 = require("./set-remotion-imported");
@@ -38,6 +38,8 @@ var get_default_audio_codec_1 = require("./get-default-audio-codec");
 Object.defineProperty(exports, "getDefaultAudioCodec", { enumerable: true, get: function () { return get_default_audio_codec_1.getDefaultAudioCodec; } });
 var get_default_video_codec_1 = require("./get-default-video-codec");
 Object.defineProperty(exports, "getDefaultVideoCodec", { enumerable: true, get: function () { return get_default_video_codec_1.getDefaultVideoCodec; } });
+var rotate_and_resize_video_frame_2 = require("./rotate-and-resize-video-frame");
+Object.defineProperty(exports, "rotateAndResizeVideoFrame", { enumerable: true, get: function () { return rotate_and_resize_video_frame_2.rotateAndResizeVideoFrame; } });
 var video_encoder_1 = require("./video-encoder");
 Object.defineProperty(exports, "createVideoEncoder", { enumerable: true, get: function () { return video_encoder_1.createVideoEncoder; } });
 var webcodecs_controller_1 = require("./webcodecs-controller");

package/dist/rotate-and-resize-video-frame.d.ts

@@ -3,6 +3,6 @@ export declare const normalizeVideoRotation: (rotation: number) => number;
 export declare const rotateAndResizeVideoFrame: ({ frame, rotation, needsToBeMultipleOfTwo, resizeOperation, }: {
     frame: VideoFrame;
     rotation: number;
-    needsToBeMultipleOfTwo: boolean;
     resizeOperation: ResizeOperation | null;
+    needsToBeMultipleOfTwo?: boolean;
 }) => VideoFrame;

package/dist/rotate-and-resize-video-frame.js

@@ -6,7 +6,7 @@ const normalizeVideoRotation = (rotation) => {
     return ((rotation % 360) + 360) % 360;
 };
 exports.normalizeVideoRotation = normalizeVideoRotation;
-const rotateAndResizeVideoFrame = ({ frame, rotation, needsToBeMultipleOfTwo, resizeOperation, }) => {
+const rotateAndResizeVideoFrame = ({ frame, rotation, needsToBeMultipleOfTwo = false, resizeOperation, }) => {
     const normalized = ((rotation % 360) + 360) % 360;
     // No resize, no rotation
     if (normalized === 0 && resizeOperation === null) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/webcodecs",
-  "version": "4.0.315",
+  "version": "4.0.316",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "module": "dist/esm/index.mjs",
@@ -19,8 +19,8 @@
   "author": "Jonny Burger <jonny@remotion.dev>",
   "license": "Remotion License (See https://remotion.dev/docs/webcodecs#license)",
   "dependencies": {
-    "@remotion/media-parser": "4.0.315",
-    "@remotion/licensing": "4.0.315"
+    "@remotion/media-parser": "4.0.316",
+    "@remotion/licensing": "4.0.316"
   },
   "peerDependencies": {},
   "devDependencies": {
@@ -29,8 +29,8 @@
     "vite": "5.4.19",
     "@playwright/test": "1.51.1",
     "eslint": "9.19.0",
-    "@remotion/eslint-config-internal": "4.0.315",
-    "@remotion/example-videos": "4.0.315"
+    "@remotion/example-videos": "4.0.316",
+    "@remotion/eslint-config-internal": "4.0.316"
   },
   "keywords": [],
   "publishConfig": {

package/dist/audio-decoder.d.ts

@@ -1,24 +0,0 @@
-import type { MediaParserLogLevel } from '@remotion/media-parser';
-import type { WebCodecsController } from './webcodecs-controller';
-export type WebCodecsAudioDecoder = {
-    decode: (audioSample: EncodedAudioChunkInit | EncodedAudioChunk) => void;
-    close: () => void;
-    flush: () => Promise<void>;
-    waitForFinish: () => Promise<void>;
-    waitForQueueToBeLessThan: (items: number) => Promise<void>;
-};
-export type CreateAudioDecoderInit = {
-    onFrame: (frame: AudioData) => Promise<void> | void;
-    onError: (error: Error) => void;
-    controller: WebCodecsController | null;
-    config: AudioDecoderConfig;
-    logLevel: MediaParserLogLevel;
-};
-export declare const internalCreateAudioDecoder: ({ onFrame, onError, controller, config, logLevel, }: CreateAudioDecoderInit) => WebCodecsAudioDecoder;
-export declare const createAudioDecoder: ({ onFrame, onError, controller, track, logLevel, }: {
-    track: AudioDecoderConfig;
-    onFrame: (frame: AudioData) => Promise<void> | void;
-    onError: (error: Error) => void;
-    controller?: WebCodecsController | null;
-    logLevel?: MediaParserLogLevel;
-}) => WebCodecsAudioDecoder;

package/dist/audio-decoder.js

@@ -1,106 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createAudioDecoder = exports.internalCreateAudioDecoder = void 0;
-const get_wave_audio_decoder_1 = require("./get-wave-audio-decoder");
-const io_synchronizer_1 = require("./io-manager/io-synchronizer");
-const internalCreateAudioDecoder = ({ onFrame, onError, controller, config, logLevel, }) => {
-    if (controller &&
-        controller._internals._mediaParserController._internals.signal.aborted) {
-        throw new Error('Not creating audio decoder, already aborted');
-    }
-    const ioSynchronizer = (0, io_synchronizer_1.makeIoSynchronizer)({
-        logLevel,
-        label: 'Audio decoder',
-        controller,
-    });
-    if (config.codec === 'pcm-s16') {
-        return (0, get_wave_audio_decoder_1.getWaveAudioDecoder)({
-            onFrame,
-            config,
-            sampleFormat: 's16',
-            logLevel,
-            ioSynchronizer,
-            onError,
-        });
-    }
-    const audioDecoder = new AudioDecoder({
-        async output(frame) {
-            try {
-                await onFrame(frame);
-            }
-            catch (err) {
-                frame.close();
-                onError(err);
-            }
-            ioSynchronizer.onOutput(frame.timestamp + (frame.duration ?? 0));
-        },
-        error(error) {
-            onError(error);
-        },
-    });
-    const close = () => {
-        if (controller) {
-            controller._internals._mediaParserController._internals.signal.removeEventListener('abort', 
-            // eslint-disable-next-line @typescript-eslint/no-use-before-define
-            onAbort);
-        }
-        if (audioDecoder.state === 'closed') {
-            return;
-        }
-        audioDecoder.close();
-    };
-    const onAbort = () => {
-        close();
-    };
-    if (controller) {
-        controller._internals._mediaParserController._internals.signal.addEventListener('abort', onAbort);
-    }
-    audioDecoder.configure(config);
-    const processSample = (audioSample) => {
-        if (audioDecoder.state === 'closed') {
-            return;
-        }
-        // Don't flush, it messes up the audio
-        const chunk = audioSample instanceof EncodedAudioChunk
-            ? audioSample
-            : new EncodedAudioChunk(audioSample);
-        audioDecoder.decode(chunk);
-        // https://test-streams.mux.dev/x36xhzz/url_0/url_525/193039199_mp4_h264_aac_hd_7.ts
-        // has a 16 byte audio sample at the end which chrome does not decode
-        // Might be empty audio
-        // For now only reporting chunks that are bigger than that
-        // 16 was chosen arbitrarily, can be improved
-        if (chunk.byteLength > 16) {
-            ioSynchronizer.inputItem(chunk.timestamp);
-        }
-    };
-    return {
-        decode: (sample) => {
-            processSample(sample);
-        },
-        waitForFinish: async () => {
-            // Firefox might throw "Needs to be configured first"
-            try {
-                await audioDecoder.flush();
-            }
-            catch { }
-            await ioSynchronizer.waitForFinish();
-        },
-        close,
-        flush: async () => {
-            await audioDecoder.flush();
-        },
-        waitForQueueToBeLessThan: ioSynchronizer.waitForQueueSize,
-    };
-};
-exports.internalCreateAudioDecoder = internalCreateAudioDecoder;
-const createAudioDecoder = ({ onFrame, onError, controller, track, logLevel, }) => {
-    return (0, exports.internalCreateAudioDecoder)({
-        onFrame,
-        onError,
-        controller: controller ?? null,
-        config: track,
-        logLevel: logLevel ?? 'error',
-    });
-};
-exports.createAudioDecoder = createAudioDecoder;

package/dist/create-frames.d.ts

@@ -1,8 +0,0 @@
-export declare const extractFrames: ({ fromSeconds, toSeconds, width, height, src, onFrame, }: {
-    fromSeconds: number;
-    toSeconds: number;
-    width: number;
-    height: number;
-    src: string;
-    onFrame: (frame: VideoFrame) => void;
-}) => Promise<void>;

package/dist/create-frames.js

@@ -1,69 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.extractFrames = void 0;
-const media_parser_1 = require("@remotion/media-parser");
-const worker_1 = require("@remotion/media-parser/worker");
-const create_video_decoder_1 = require("./create-video-decoder");
-const extractFrames = async ({ fromSeconds, toSeconds, width, height, src, onFrame, }) => {
-    const controller = (0, media_parser_1.mediaParserController)();
-    controller.seek(fromSeconds);
-    const segmentDuration = toSeconds - fromSeconds;
-    const expectedFrames = [];
-    try {
-        await (0, worker_1.parseMediaOnWebWorker)({
-            src: new URL(src, window.location.href).toString(),
-            acknowledgeRemotionLicense: true,
-            controller,
-            onVideoTrack: ({ track }) => {
-                const aspectRatio = track.width / track.height;
-                const framesFitInWidth = Math.ceil(width / (height * aspectRatio));
-                const timestampTargets = [];
-                for (let i = 0; i < framesFitInWidth; i++) {
-                    timestampTargets.push(fromSeconds +
-                        ((segmentDuration * media_parser_1.WEBCODECS_TIMESCALE) / framesFitInWidth) *
-                            (i + 0.5));
-                }
-                const decoder = (0, create_video_decoder_1.createVideoDecoder)({
-                    onFrame: (frame) => {
-                        if (frame.timestamp >= expectedFrames[0] - 1) {
-                            expectedFrames.shift();
-                            onFrame(frame);
-                        }
-                        frame.close();
-                    },
-                    onError: console.error,
-                    track,
-                });
-                const queued = [];
-                return async (sample) => {
-                    const nextTimestampWeWant = timestampTargets[0];
-                    if (nextTimestampWeWant === undefined) {
-                        throw new Error('this should not happen');
-                    }
-                    if (sample.type === 'key') {
-                        queued.length = 0;
-                    }
-                    queued.push(sample);
-                    if (sample.timestamp > nextTimestampWeWant) {
-                        expectedFrames.push(timestampTargets.shift());
-                        while (queued.length > 0) {
-                            const sam = queued.shift();
-                            await decoder.waitForQueueToBeLessThan(10);
-                            await decoder.decode(sam);
-                        }
-                        if (timestampTargets.length === 0) {
-                            await decoder.flush();
-                            controller.abort();
-                        }
-                    }
-                };
-            },
-        });
-    }
-    catch (e) {
-        if (!(0, media_parser_1.hasBeenAborted)(e)) {
-            throw e;
-        }
-    }
-};
-exports.extractFrames = extractFrames;

package/dist/video-decoder.d.ts

@@ -1,23 +0,0 @@
-import type { MediaParserLogLevel, MediaParserVideoSample } from '@remotion/media-parser';
-import type { WebCodecsController } from './webcodecs-controller';
-export type WebCodecsVideoDecoder = {
-    decode: (videoSample: MediaParserVideoSample | EncodedVideoChunk) => void;
-    close: () => void;
-    flush: () => Promise<void>;
-    waitForFinish: () => Promise<void>;
-    waitForQueueToBeLessThan: (items: number) => Promise<void>;
-};
-export declare const internalCreateVideoDecoder: ({ onFrame, onError, controller, config, logLevel, }: {
-    onFrame: (frame: VideoFrame) => Promise<void> | void;
-    onError: (error: Error) => void;
-    controller: WebCodecsController | null;
-    config: VideoDecoderConfig;
-    logLevel: MediaParserLogLevel;
-}) => WebCodecsVideoDecoder;
-export declare const createVideoDecoder: ({ onFrame, onError, controller, track, logLevel, }: {
-    track: VideoDecoderConfig;
-    onFrame: (frame: VideoFrame) => Promise<void> | void;
-    onError: (error: Error) => void;
-    controller?: WebCodecsController;
-    logLevel?: MediaParserLogLevel;
-}) => WebCodecsVideoDecoder;

package/dist/video-decoder.js

@@ -1,80 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createVideoDecoder = exports.internalCreateVideoDecoder = void 0;
-const io_synchronizer_1 = require("./io-manager/io-synchronizer");
-const log_1 = require("./log");
-const internalCreateVideoDecoder = ({ onFrame, onError, controller, config, logLevel, }) => {
-    const ioSynchronizer = (0, io_synchronizer_1.makeIoSynchronizer)({
-        logLevel,
-        label: 'Video decoder',
-        controller,
-    });
-    const videoDecoder = new VideoDecoder({
-        async output(frame) {
-            try {
-                await onFrame(frame);
-            }
-            catch (err) {
-                onError(err);
-                frame.close();
-            }
-            ioSynchronizer.onOutput(frame.timestamp);
-        },
-        error(error) {
-            onError(error);
-        },
-    });
-    const close = () => {
-        if (controller) {
-            controller._internals._mediaParserController._internals.signal.removeEventListener('abort', 
-            // eslint-disable-next-line @typescript-eslint/no-use-before-define
-            onAbort);
-        }
-        if (videoDecoder.state === 'closed') {
-            return;
-        }
-        videoDecoder.close();
-    };
-    const onAbort = () => {
-        close();
-    };
-    if (controller) {
-        controller._internals._mediaParserController._internals.signal.addEventListener('abort', onAbort);
-    }
-    videoDecoder.configure(config);
-    const decode = (sample) => {
-        if (videoDecoder.state === 'closed') {
-            return;
-        }
-        const encodedChunk = sample instanceof EncodedVideoChunk
-            ? sample
-            : new EncodedVideoChunk(sample);
-        videoDecoder.decode(encodedChunk);
-        ioSynchronizer.inputItem(sample.timestamp);
-    };
-    return {
-        decode,
-        waitForFinish: async () => {
-            await videoDecoder.flush();
-            log_1.Log.verbose(logLevel, 'Flushed video decoder');
-            await ioSynchronizer.waitForFinish();
-            log_1.Log.verbose(logLevel, 'IO synchro finished');
-        },
-        close,
-        flush: async () => {
-            await videoDecoder.flush();
-        },
-        waitForQueueToBeLessThan: ioSynchronizer.waitForQueueSize,
-    };
-};
-exports.internalCreateVideoDecoder = internalCreateVideoDecoder;
-const createVideoDecoder = ({ onFrame, onError, controller, track, logLevel, }) => {
-    return (0, exports.internalCreateVideoDecoder)({
-        onFrame,
-        onError,
-        controller: controller ?? null,
-        config: track,
-        logLevel: logLevel ?? 'info',
-    });
-};
-exports.createVideoDecoder = createVideoDecoder;