@remotion/webcodecs 4.0.252 → 4.0.254

package/dist/index.d.ts

@@ -17,6 +17,7 @@ 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 { webcodecsController, WebCodecsController } from './webcodecs-controller';
 export declare const WebCodecsInternals: {
     rotateAndResizeVideoFrame: ({ frame, rotation, videoCodec, resizeOperation, }: {
         frame: VideoFrame;

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WebCodecsInternals = exports.createVideoEncoder = exports.createVideoDecoder = exports.getDefaultVideoCodec = exports.getDefaultAudioCodec = exports.getAvailableVideoCodecs = exports.getAvailableContainers = exports.getAvailableAudioCodecs = exports.defaultOnVideoTrackHandler = exports.defaultOnAudioTrackHandler = exports.convertMedia = exports.canReencodeVideoTrack = exports.canReencodeAudioTrack = exports.canCopyVideoTrack = exports.canCopyAudioTrack = exports.createAudioEncoder = exports.createAudioDecoder = void 0;
+exports.WebCodecsInternals = exports.webcodecsController = exports.createVideoEncoder = exports.createVideoDecoder = exports.getDefaultVideoCodec = exports.getDefaultAudioCodec = exports.getAvailableVideoCodecs = exports.getAvailableContainers = exports.getAvailableAudioCodecs = exports.defaultOnVideoTrackHandler = exports.defaultOnAudioTrackHandler = exports.convertMedia = exports.canReencodeVideoTrack = exports.canReencodeAudioTrack = exports.canCopyVideoTrack = exports.canCopyAudioTrack = exports.createAudioEncoder = exports.createAudioDecoder = 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");
@@ -36,6 +36,8 @@ var video_decoder_1 = require("./video-decoder");
 Object.defineProperty(exports, "createVideoDecoder", { enumerable: true, get: function () { return video_decoder_1.createVideoDecoder; } });
 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");
+Object.defineProperty(exports, "webcodecsController", { enumerable: true, get: function () { return webcodecs_controller_1.webcodecsController; } });
 exports.WebCodecsInternals = {
     rotateAndResizeVideoFrame: rotate_and_resize_video_frame_1.rotateAndResizeVideoFrame,
     normalizeVideoRotation: rotate_and_resize_video_frame_1.normalizeVideoRotation,

package/dist/io-manager/io-synchronizer.d.ts

@@ -1,5 +1,6 @@
 import type { ProgressTracker } from '../create/progress-tracker';
 import type { LogLevel } from '../log';
+import type { WebCodecsController } from '../webcodecs-controller';
 export declare const makeIoSynchronizer: ({ logLevel, label, progress, }: {
     logLevel: LogLevel;
     label: string;
@@ -7,13 +8,13 @@ export declare const makeIoSynchronizer: ({ logLevel, label, progress, }: {
 }) => {
     inputItem: (timestamp: number, keyFrame: boolean) => void;
     onOutput: (timestamp: number) => void;
-    waitFor: ({ unprocessed, unemitted, minimumProgress, signal, }: {
+    waitFor: ({ unprocessed, unemitted, minimumProgress, controller, }: {
         unemitted: number;
         unprocessed: number;
         minimumProgress: number | null;
-        signal: AbortSignal;
+        controller: WebCodecsController;
     }) => Promise<void>;
-    waitForFinish: (signal: AbortSignal) => Promise<void>;
+    waitForFinish: (controller: WebCodecsController) => Promise<void>;
     onProcessed: () => void;
     getUnprocessed: () => number;
 };

package/dist/io-manager/io-synchronizer.js

@@ -69,17 +69,22 @@ const makeIoSynchronizer = ({ logLevel, label, progress, }) => {
         eventEmitter.addEventListener('processed', on);
         return promise;
     };
-    const waitFor = async ({ unprocessed, unemitted, minimumProgress, signal, }) => {
-        const { timeoutPromise, clear } = (0, make_timeout_promise_1.makeTimeoutPromise)(() => [
-            `Waited too long for ${label} to finish:`,
-            `${getUnemittedItems()} unemitted items`,
-            `${getUnprocessed()} unprocessed items: ${JSON.stringify(_unprocessed)}`,
-            `smallest progress: ${progress.getSmallestProgress()}`,
-            `inputs: ${JSON.stringify(inputs)}`,
-            `last output: ${lastOutput}`,
-            `wanted: ${unemitted} unemitted items, ${unprocessed} unprocessed items, minimum progress ${minimumProgress}`,
-        ].join('\n'), 10000);
-        signal.addEventListener('abort', clear);
+    const waitFor = async ({ unprocessed, unemitted, minimumProgress, controller, }) => {
+        await controller._internals.checkForAbortAndPause();
+        const { timeoutPromise, clear } = (0, make_timeout_promise_1.makeTimeoutPromise)({
+            label: () => [
+                `Waited too long for ${label} to finish:`,
+                `${getUnemittedItems()} unemitted items`,
+                `${getUnprocessed()} unprocessed items: ${JSON.stringify(_unprocessed)}`,
+                `smallest progress: ${progress.getSmallestProgress()}`,
+                `inputs: ${JSON.stringify(inputs)}`,
+                `last output: ${lastOutput}`,
+                `wanted: ${unemitted} unemitted items, ${unprocessed} unprocessed items, minimum progress ${minimumProgress}`,
+            ].join('\n'),
+            ms: 10000,
+            controller,
+        });
+        controller._internals.signal.addEventListener('abort', clear);
         await Promise.race([
             timeoutPromise,
             Promise.all([
@@ -102,14 +107,14 @@ const makeIoSynchronizer = ({ logLevel, label, progress, }) => {
                     })(),
             ]),
         ]).finally(() => clear());
-        signal.removeEventListener('abort', clear);
+        controller._internals.signal.removeEventListener('abort', clear);
     };
-    const waitForFinish = async (signal) => {
+    const waitForFinish = async (controller) => {
         await waitFor({
             unprocessed: 0,
             unemitted: 0,
             minimumProgress: null,
-            signal,
+            controller,
         });
     };
     const onProcessed = () => {

package/dist/io-manager/make-timeout-promise.d.ts

@@ -1,4 +1,9 @@
-export declare const makeTimeoutPromise: (label: () => string, ms: number) => {
+import type { WebCodecsController } from '../webcodecs-controller';
+export declare const makeTimeoutPromise: ({ label, ms, controller, }: {
+    label: () => string;
+    ms: number;
+    controller: WebCodecsController;
+}) => {
     timeoutPromise: Promise<void>;
     clear: () => void;
 };

package/dist/io-manager/make-timeout-promise.js

@@ -2,16 +2,34 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeTimeoutPromise = void 0;
 const with_resolvers_1 = require("../create/with-resolvers");
-const makeTimeoutPromise = (label, ms) => {
+const makeTimeoutPromise = ({ label, ms, controller, }) => {
     const { promise, reject, resolve } = (0, with_resolvers_1.withResolvers)();
-    const timeout = setTimeout(() => {
-        reject(new Error(`${label()} (timed out after ${ms}ms)`));
-    }, ms);
+    let timeout = null;
+    const set = () => {
+        timeout = setTimeout(() => {
+            reject(new Error(`${label()} (timed out after ${ms}ms)`));
+        }, ms);
+    };
+    set();
+    const onPause = () => {
+        if (timeout) {
+            clearTimeout(timeout);
+        }
+    };
+    const onResume = () => {
+        set();
+    };
+    controller.addEventListener('pause', onPause);
+    controller.addEventListener('resume', onResume);
     return {
         timeoutPromise: promise,
         clear: () => {
-            clearTimeout(timeout);
+            if (timeout) {
+                clearTimeout(timeout);
+            }
             resolve();
+            controller.removeEventListener('pause', onPause);
+            controller.removeEventListener('resume', onResume);
         },
     };
 };

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

@@ -2,15 +2,15 @@ import { type LogLevel, type OnAudioTrack } from '@remotion/media-parser';
 import type { ConvertMediaOnAudioData } from './convert-media';
 import type { MediaFn } from './create/media-fn';
 import type { ProgressTracker } from './create/progress-tracker';
-import Error from './error-cause';
 import type { ConvertMediaAudioCodec } from './get-available-audio-codecs';
 import type { ConvertMediaContainer } from './get-available-containers';
 import type { ConvertMediaOnAudioTrackHandler } from './on-audio-track-handler';
 import type { ConvertMediaProgressFn } from './throttled-state-update';
+import type { WebCodecsController } from './webcodecs-controller';
 export declare const makeAudioTrackHandler: ({ state, defaultAudioCodec: audioCodec, controller, abortConversion, onMediaStateUpdate, onAudioTrack, logLevel, outputContainer, progressTracker, onAudioData, }: {
     state: MediaFn;
     defaultAudioCodec: ConvertMediaAudioCodec | null;
-    controller: AbortController;
+    controller: WebCodecsController;
     abortConversion: (errCause: Error) => void;
     onMediaStateUpdate: null | ConvertMediaProgressFn;
     onAudioTrack: ConvertMediaOnAudioTrackHandler | null;

package/dist/on-audio-track.js

@@ -1,7 +1,4 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeAudioTrackHandler = void 0;
 const media_parser_1 = require("@remotion/media-parser");
@@ -12,7 +9,6 @@ const audio_encoder_config_1 = require("./audio-encoder-config");
 const can_copy_audio_track_1 = require("./can-copy-audio-track");
 const convert_encoded_chunk_1 = require("./convert-encoded-chunk");
 const default_on_audio_track_handler_1 = require("./default-on-audio-track-handler");
-const error_cause_1 = __importDefault(require("./error-cause"));
 const get_default_audio_codec_1 = require("./get-default-audio-codec");
 const log_1 = require("./log");
 const makeAudioTrackHandler = ({ state, defaultAudioCodec: audioCodec, controller, abortConversion, onMediaStateUpdate, onAudioTrack, logLevel, outputContainer, progressTracker, onAudioData, }) => async ({ track, container: inputContainer }) => {
@@ -33,7 +29,7 @@ const makeAudioTrackHandler = ({ state, defaultAudioCodec: audioCodec, controlle
         return null;
     }
     if (audioOperation.type === 'fail') {
-        throw new error_cause_1.default(`Audio track with ID ${track.trackId} resolved with {"type": "fail"}. This could mean that this audio track could neither be copied to the output container or re-encoded. You have the option to drop the track instead of failing it: https://remotion.dev/docs/webcodecs/track-transformation`);
+        throw new Error(`Audio track with ID ${track.trackId} resolved with {"type": "fail"}. This could mean that this audio track could neither be copied to the output container or re-encoded. You have the option to drop the track instead of failing it: https://remotion.dev/docs/webcodecs/track-transformation`);
     }
     if (audioOperation.type === 'copy') {
         const addedTrack = await state.addTrack({
@@ -73,11 +69,11 @@ const makeAudioTrackHandler = ({ state, defaultAudioCodec: audioCodec, controlle
         description: track.description,
     });
     if (!audioEncoderConfig) {
-        abortConversion(new error_cause_1.default(`Could not configure audio encoder of track ${track.trackId}`));
+        abortConversion(new Error(`Could not configure audio encoder of track ${track.trackId}`));
         return null;
     }
     if (!audioDecoderConfig) {
-        abortConversion(new error_cause_1.default(`Could not configure audio decoder of track ${track.trackId}`));
+        abortConversion(new Error(`Could not configure audio decoder of track ${track.trackId}`));
         return null;
     }
     const codecPrivate = audioOperation.audioCodec === 'aac'
@@ -121,12 +117,12 @@ const makeAudioTrackHandler = ({ state, defaultAudioCodec: audioCodec, controlle
             });
         },
         onError: (err) => {
-            abortConversion(new error_cause_1.default(`Audio encoder of ${track.trackId} failed (see .cause of this error)`, {
+            abortConversion(new Error(`Audio encoder of ${track.trackId} failed (see .cause of this error)`, {
                 cause: err,
             }));
         },
         codec: audioOperation.audioCodec,
-        signal: controller.signal,
+        controller,
         config: audioEncoderConfig,
         logLevel,
         progressTracker,
@@ -138,19 +134,19 @@ const makeAudioTrackHandler = ({ state, defaultAudioCodec: audioCodec, controlle
                 : audioData;
             if (newAudioData !== audioData) {
                 if (newAudioData.duration !== audioData.duration) {
-                    throw new error_cause_1.default(`onAudioData returned a different duration than the input audio data. Original duration: ${audioData.duration}, new duration: ${newAudioData.duration}`);
+                    throw new Error(`onAudioData returned a different duration than the input audio data. Original duration: ${audioData.duration}, new duration: ${newAudioData.duration}`);
                 }
                 if (newAudioData.numberOfChannels !== audioData.numberOfChannels) {
-                    throw new error_cause_1.default(`onAudioData returned a different number of channels than the input audio data. Original channels: ${audioData.numberOfChannels}, new channels: ${newAudioData.numberOfChannels}`);
+                    throw new Error(`onAudioData returned a different number of channels than the input audio data. Original channels: ${audioData.numberOfChannels}, new channels: ${newAudioData.numberOfChannels}`);
                 }
                 if (newAudioData.sampleRate !== audioData.sampleRate) {
-                    throw new error_cause_1.default(`onAudioData returned a different sample rate than the input audio data. Original sample rate: ${audioData.sampleRate}, new sample rate: ${newAudioData.sampleRate}`);
+                    throw new Error(`onAudioData returned a different sample rate than the input audio data. Original sample rate: ${audioData.sampleRate}, new sample rate: ${newAudioData.sampleRate}`);
                 }
                 if (newAudioData.format !== audioData.format) {
-                    throw new error_cause_1.default(`onAudioData returned a different format than the input audio data. Original format: ${audioData.format}, new format: ${newAudioData.format}`);
+                    throw new Error(`onAudioData returned a different format than the input audio data. Original format: ${audioData.format}, new format: ${newAudioData.format}`);
                 }
                 if (newAudioData.timestamp !== audioData.timestamp) {
-                    throw new error_cause_1.default(`onAudioData returned a different timestamp than the input audio data. Original timestamp: ${audioData.timestamp}, new timestamp: ${newAudioData.timestamp}`);
+                    throw new Error(`onAudioData returned a different timestamp than the input audio data. Original timestamp: ${audioData.timestamp}, new timestamp: ${newAudioData.timestamp}`);
                 }
                 audioData.close();
             }
@@ -164,11 +160,11 @@ const makeAudioTrackHandler = ({ state, defaultAudioCodec: audioCodec, controlle
             newAudioData.close();
         },
         onError(error) {
-            abortConversion(new error_cause_1.default(`Audio decoder of track ${track.trackId} failed. Config: ${JSON.stringify(audioDecoderConfig)} (see .cause of this error)`, {
+            abortConversion(new Error(`Audio decoder of track ${track.trackId} failed. Config: ${JSON.stringify(audioDecoderConfig)} (see .cause of this error)`, {
                 cause: error,
             }));
         },
-        signal: controller.signal,
+        controller,
         config: audioDecoderConfig,
         logLevel,
         track,

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

@@ -2,18 +2,18 @@ import type { LogLevel, OnVideoTrack } from '@remotion/media-parser';
 import type { ConvertMediaOnVideoFrame } from './convert-media';
 import type { MediaFn } from './create/media-fn';
 import type { ProgressTracker } from './create/progress-tracker';
-import Error from './error-cause';
 import type { ConvertMediaContainer } from './get-available-containers';
 import type { ConvertMediaVideoCodec } from './get-available-video-codecs';
 import type { ConvertMediaOnVideoTrackHandler } from './on-video-track-handler';
 import type { ResizeOperation } from './resizing/mode';
 import type { ConvertMediaProgressFn } from './throttled-state-update';
+import type { WebCodecsController } from './webcodecs-controller';
 export declare const makeVideoTrackHandler: ({ state, onVideoFrame, onMediaStateUpdate, abortConversion, controller, defaultVideoCodec, onVideoTrack, logLevel, outputContainer, rotate, progress, resizeOperation, }: {
     state: MediaFn;
     onVideoFrame: null | ConvertMediaOnVideoFrame;
     onMediaStateUpdate: null | ConvertMediaProgressFn;
     abortConversion: (errCause: Error) => void;
-    controller: AbortController;
+    controller: WebCodecsController;
     defaultVideoCodec: ConvertMediaVideoCodec | null;
     onVideoTrack: ConvertMediaOnVideoTrackHandler | null;
     logLevel: LogLevel;

package/dist/on-video-track.js

@@ -1,14 +1,10 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeVideoTrackHandler = void 0;
 const arraybuffer_to_uint8_array_1 = require("./arraybuffer-to-uint8-array");
 const can_copy_video_track_1 = require("./can-copy-video-track");
 const convert_encoded_chunk_1 = require("./convert-encoded-chunk");
 const default_on_video_track_handler_1 = require("./default-on-video-track-handler");
-const error_cause_1 = __importDefault(require("./error-cause"));
 const get_default_video_codec_1 = require("./get-default-video-codec");
 const log_1 = require("./log");
 const on_frame_1 = require("./on-frame");
@@ -19,8 +15,8 @@ const video_encoder_1 = require("./video-encoder");
 const video_encoder_config_1 = require("./video-encoder-config");
 const makeVideoTrackHandler = ({ state, onVideoFrame, onMediaStateUpdate, abortConversion, controller, defaultVideoCodec, onVideoTrack, logLevel, outputContainer, rotate, progress, resizeOperation, }) => async ({ track, container: inputContainer }) => {
     var _a, _b;
-    if (controller.signal.aborted) {
-        throw new error_cause_1.default('Aborted');
+    if (controller._internals.signal.aborted) {
+        throw new Error('Aborted');
     }
     const canCopyTrack = (0, can_copy_video_track_1.canCopyVideoTrack)({
         inputContainer,
@@ -43,7 +39,7 @@ const makeVideoTrackHandler = ({ state, onVideoFrame, onMediaStateUpdate, abortC
         return null;
     }
     if (videoOperation.type === 'fail') {
-        throw new error_cause_1.default(`Video track with ID ${track.trackId} resolved with {"type": "fail"}. This could mean that this video track could neither be copied to the output container or re-encoded. You have the option to drop the track instead of failing it: https://remotion.dev/docs/webcodecs/track-transformation`);
+        throw new Error(`Video track with ID ${track.trackId} resolved with {"type": "fail"}. This could mean that this video track could neither be copied to the output container or re-encoded. You have the option to drop the track instead of failing it: https://remotion.dev/docs/webcodecs/track-transformation`);
     }
     if (videoOperation.type === 'copy') {
         log_1.Log.verbose(logLevel, `Copying video track with codec ${track.codec} and timescale ${track.timescale}`);
@@ -72,7 +68,7 @@ const makeVideoTrackHandler = ({ state, onVideoFrame, onMediaStateUpdate, abortC
         };
     }
     if (videoOperation.type !== 'reencode') {
-        throw new error_cause_1.default(`Video track with ID ${track.trackId} could not be resolved with a valid operation. Received ${JSON.stringify(videoOperation)}, but must be either "copy", "reencode", "drop" or "fail"`);
+        throw new Error(`Video track with ID ${track.trackId} could not be resolved with a valid operation. Received ${JSON.stringify(videoOperation)}, but must be either "copy", "reencode", "drop" or "fail"`);
     }
     const rotation = ((_a = videoOperation.rotate) !== null && _a !== void 0 ? _a : rotate) - track.rotation;
     const { height: newHeight, width: newWidth } = (0, rotation_1.calculateNewDimensionsFromRotateAndScale)({
@@ -90,11 +86,11 @@ const makeVideoTrackHandler = ({ state, onVideoFrame, onMediaStateUpdate, abortC
     });
     const videoDecoderConfig = await (0, video_decoder_config_1.getVideoDecoderConfigWithHardwareAcceleration)(track);
     if (videoEncoderConfig === null) {
-        abortConversion(new error_cause_1.default(`Could not configure video encoder of track ${track.trackId}`));
+        abortConversion(new Error(`Could not configure video encoder of track ${track.trackId}`));
         return null;
     }
     if (videoDecoderConfig === null) {
-        abortConversion(new error_cause_1.default(`Could not configure video decoder of track ${track.trackId}`));
+        abortConversion(new Error(`Could not configure video decoder of track ${track.trackId}`));
         return null;
     }
     const { trackNumber } = await state.addTrack({
@@ -124,11 +120,11 @@ const makeVideoTrackHandler = ({ state, onVideoFrame, onMediaStateUpdate, abortC
             });
         },
         onError: (err) => {
-            abortConversion(new error_cause_1.default(`Video encoder of track ${track.trackId} failed (see .cause of this error)`, {
+            abortConversion(new Error(`Video encoder of track ${track.trackId} failed (see .cause of this error)`, {
                 cause: err,
             }));
         },
-        signal: controller.signal,
+        controller,
         config: videoEncoderConfig,
         logLevel,
         outputCodec: videoOperation.videoCodec,
@@ -149,11 +145,11 @@ const makeVideoTrackHandler = ({ state, onVideoFrame, onMediaStateUpdate, abortC
             });
         },
         onError: (err) => {
-            abortConversion(new error_cause_1.default(`Video decoder of track ${track.trackId} failed (see .cause of this error)`, {
+            abortConversion(new Error(`Video decoder of track ${track.trackId} failed (see .cause of this error)`, {
                 cause: err,
             }));
         },
-        signal: controller.signal,
+        controller,
         logLevel,
         progress,
     });

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/throttled-state-update.d.ts

@@ -8,6 +8,6 @@ type ReturnType = {
 export declare const throttledStateUpdate: ({ updateFn, everyMilliseconds, signal, }: {
     updateFn: ConvertMediaOnProgress | null;
     everyMilliseconds: number;
-    signal: AbortSignal;
+    signal: AbortSignal | null;
 }) => ReturnType;
 export {};

package/dist/throttled-state-update.js

@@ -33,7 +33,7 @@ const throttledStateUpdate = ({ updateFn, everyMilliseconds, signal, }) => {
     const onAbort = () => {
         clearInterval(interval);
     };
-    signal.addEventListener('abort', onAbort, { once: true });
+    signal === null || signal === void 0 ? void 0 : signal.addEventListener('abort', onAbort, { once: true });
     return {
         get: () => currentState,
         update: (fn) => {
@@ -41,7 +41,7 @@ const throttledStateUpdate = ({ updateFn, everyMilliseconds, signal, }) => {
         },
         stopAndGetLastProgress: () => {
             clearInterval(interval);
-            signal.removeEventListener('abort', onAbort);
+            signal === null || signal === void 0 ? void 0 : signal.removeEventListener('abort', onAbort);
             return currentState;
         },
     };

package/dist/video-decoder.d.ts

@@ -1,15 +1,16 @@
 import type { AudioOrVideoSample, LogLevel } from '@remotion/media-parser';
 import type { ProgressTracker } from './create/progress-tracker';
+import type { WebCodecsController } from './webcodecs-controller';
 export type WebCodecsVideoDecoder = {
     processSample: (videoSample: AudioOrVideoSample) => Promise<void>;
     waitForFinish: () => Promise<void>;
     close: () => void;
     flush: () => Promise<void>;
 };
-export declare const createVideoDecoder: ({ onFrame, onError, signal, config, logLevel, progress, }: {
+export declare const createVideoDecoder: ({ onFrame, onError, controller, config, logLevel, progress, }: {
     onFrame: (frame: VideoFrame) => Promise<void>;
     onError: (error: DOMException) => void;
-    signal: AbortSignal;
+    controller: WebCodecsController;
     config: VideoDecoderConfig;
     logLevel: LogLevel;
     progress: ProgressTracker;

package/dist/video-decoder.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.createVideoDecoder = void 0;
 const io_synchronizer_1 = require("./io-manager/io-synchronizer");
 const log_1 = require("./log");
-const createVideoDecoder = ({ onFrame, onError, signal, config, logLevel, progress, }) => {
+const createVideoDecoder = ({ onFrame, onError, controller, config, logLevel, progress, }) => {
     const ioSynchronizer = (0, io_synchronizer_1.makeIoSynchronizer)({
         logLevel,
         label: 'Video decoder',
@@ -16,17 +16,19 @@ const createVideoDecoder = ({ onFrame, onError, signal, config, logLevel, progre
             const abortHandler = () => {
                 inputFrame.close();
             };
-            signal.addEventListener('abort', abortHandler, { once: true });
+            controller._internals.signal.addEventListener('abort', abortHandler, {
+                once: true,
+            });
             outputQueue = outputQueue
                 .then(() => {
-                if (signal.aborted) {
+                if (controller._internals.signal.aborted) {
                     return;
                 }
                 return onFrame(inputFrame);
             })
                 .then(() => {
                 ioSynchronizer.onProcessed();
-                signal.removeEventListener('abort', abortHandler);
+                controller._internals.signal.removeEventListener('abort', abortHandler);
                 return Promise.resolve();
             })
                 .catch((err) => {
@@ -40,7 +42,7 @@ const createVideoDecoder = ({ onFrame, onError, signal, config, logLevel, progre
     });
     const close = () => {
         // eslint-disable-next-line @typescript-eslint/no-use-before-define
-        signal.removeEventListener('abort', onAbort);
+        controller._internals.signal.removeEventListener('abort', onAbort);
         if (videoDecoder.state === 'closed') {
             return;
         }
@@ -49,7 +51,7 @@ const createVideoDecoder = ({ onFrame, onError, signal, config, logLevel, progre
     const onAbort = () => {
         close();
     };
-    signal.addEventListener('abort', onAbort);
+    controller._internals.signal.addEventListener('abort', onAbort);
     videoDecoder.configure(config);
     const processSample = async (sample) => {
         var _a, _b;
@@ -65,7 +67,7 @@ const createVideoDecoder = ({ onFrame, onError, signal, config, logLevel, progre
             unemitted: 20,
             unprocessed: 2,
             minimumProgress: sample.timestamp - 10000000,
-            signal,
+            controller,
         });
         if (sample.type === 'key') {
             await videoDecoder.flush();
@@ -82,7 +84,7 @@ const createVideoDecoder = ({ onFrame, onError, signal, config, logLevel, progre
         waitForFinish: async () => {
             await videoDecoder.flush();
             log_1.Log.verbose(logLevel, 'Flushed video decoder');
-            await ioSynchronizer.waitForFinish(signal);
+            await ioSynchronizer.waitForFinish(controller);
             log_1.Log.verbose(logLevel, 'IO synchro finished');
             await outputQueue;
             log_1.Log.verbose(logLevel, 'Output queue finished');

package/dist/video-encoder.d.ts

@@ -1,16 +1,17 @@
-import type { LogLevel } from '@remotion/media-parser';
+import { type LogLevel } from '@remotion/media-parser';
 import type { ProgressTracker } from './create/progress-tracker';
 import type { ConvertMediaVideoCodec } from './get-available-video-codecs';
+import type { WebCodecsController } from './webcodecs-controller';
 export type WebCodecsVideoEncoder = {
     encodeFrame: (videoFrame: VideoFrame, timestamp: number) => Promise<void>;
     waitForFinish: () => Promise<void>;
     close: () => void;
     flush: () => Promise<void>;
 };
-export declare const createVideoEncoder: ({ onChunk, onError, signal, config, logLevel, outputCodec, progress, }: {
+export declare const createVideoEncoder: ({ onChunk, onError, controller, config, logLevel, outputCodec, progress, }: {
     onChunk: (chunk: EncodedVideoChunk, metadata: EncodedVideoChunkMetadata | null) => Promise<void>;
     onError: (error: DOMException) => void;
-    signal: AbortSignal;
+    controller: WebCodecsController;
     config: VideoEncoderConfig;
     logLevel: LogLevel;
     outputCodec: ConvertMediaVideoCodec;

package/dist/video-encoder.js

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createVideoEncoder = void 0;
+const media_parser_1 = require("@remotion/media-parser");
 const convert_to_correct_videoframe_1 = require("./convert-to-correct-videoframe");
 const io_synchronizer_1 = require("./io-manager/io-synchronizer");
 const log_1 = require("./log");
-const createVideoEncoder = ({ onChunk, onError, signal, config, logLevel, outputCodec, progress, }) => {
-    if (signal.aborted) {
-        throw new Error('Not creating video encoder, already aborted');
+const createVideoEncoder = ({ onChunk, onError, controller, config, logLevel, outputCodec, progress, }) => {
+    if (controller._internals.signal.aborted) {
+        throw new media_parser_1.MediaParserAbortError('Not creating video encoder, already aborted');
     }
     const ioSynchronizer = (0, io_synchronizer_1.makeIoSynchronizer)({
         logLevel,
@@ -24,7 +25,7 @@ const createVideoEncoder = ({ onChunk, onError, signal, config, logLevel, output
             ioSynchronizer.onOutput(timestamp);
             outputQueue = outputQueue
                 .then(() => {
-                if (signal.aborted) {
+                if (controller._internals.signal.aborted) {
                     return;
                 }
                 return onChunk(chunk, metadata !== null && metadata !== void 0 ? metadata : null);
@@ -40,7 +41,7 @@ const createVideoEncoder = ({ onChunk, onError, signal, config, logLevel, output
     });
     const close = () => {
         // eslint-disable-next-line @typescript-eslint/no-use-before-define
-        signal.removeEventListener('abort', onAbort);
+        controller._internals.signal.removeEventListener('abort', onAbort);
         if (encoder.state === 'closed') {
             return;
         }
@@ -49,7 +50,7 @@ const createVideoEncoder = ({ onChunk, onError, signal, config, logLevel, output
     const onAbort = () => {
         close();
     };
-    signal.addEventListener('abort', onAbort);
+    controller._internals.signal.addEventListener('abort', onAbort);
     log_1.Log.verbose(logLevel, 'Configuring video encoder', config);
     encoder.configure(config);
     let framesProcessed = 0;
@@ -63,7 +64,7 @@ const createVideoEncoder = ({ onChunk, onError, signal, config, logLevel, output
             unemitted: 10,
             unprocessed: 10,
             minimumProgress: frame.timestamp - 10000000,
-            signal,
+            controller,
         });
         // @ts-expect-error - can have changed in the meanwhile
         if (encoder.state === 'closed') {
@@ -89,7 +90,7 @@ const createVideoEncoder = ({ onChunk, onError, signal, config, logLevel, output
         waitForFinish: async () => {
             await encoder.flush();
             await outputQueue;
-            await ioSynchronizer.waitForFinish(signal);
+            await ioSynchronizer.waitForFinish(controller);
         },
         close,
         flush: async () => {

package/dist/wav-audio-encoder.d.ts

@@ -1,2 +1,2 @@
 import type { AudioEncoderInit, WebCodecsAudioEncoder } from './audio-encoder';
-export declare const getWaveAudioEncoder: ({ onChunk, signal, }: Pick<AudioEncoderInit, "onChunk" | "signal">) => WebCodecsAudioEncoder;
+export declare const getWaveAudioEncoder: ({ onChunk, controller, }: Pick<AudioEncoderInit, "onChunk" | "controller">) => WebCodecsAudioEncoder;

package/dist/wav-audio-encoder.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getWaveAudioEncoder = void 0;
-const getWaveAudioEncoder = ({ onChunk, signal, }) => {
+const getWaveAudioEncoder = ({ onChunk, controller, }) => {
     return {
         close: () => {
             return Promise.resolve();
         },
         encodeFrame: (audioData) => {
-            if (signal.aborted) {
+            if (controller._internals.signal.aborted) {
                 return Promise.resolve();
             }
             const chunk = {

package/dist/webcodecs-controller.d.ts

@@ -0,0 +1,16 @@
+import type { MediaParserController } from '@remotion/media-parser';
+export type WebCodecsController = {
+    abort: (reason?: any) => void;
+    pause: MediaParserController['pause'];
+    resume: MediaParserController['resume'];
+    addEventListener: MediaParserController['addEventListener'];
+    removeEventListener: MediaParserController['removeEventListener'];
+    /**
+     * @deprecated Not public API
+     */
+    _internals: {
+        signal: AbortSignal;
+        checkForAbortAndPause: MediaParserController['_internals']['checkForAbortAndPause'];
+    };
+};
+export declare const webcodecsController: () => WebCodecsController;

package/dist/webcodecs-controller.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.webcodecsController = void 0;
+const media_parser_1 = require("@remotion/media-parser");
+const webcodecsController = () => {
+    const controller = (0, media_parser_1.mediaParserController)();
+    return {
+        abort: controller.abort,
+        pause: controller.pause,
+        resume: controller.resume,
+        addEventListener: controller.addEventListener,
+        removeEventListener: controller.removeEventListener,
+        _internals: controller._internals,
+    };
+};
+exports.webcodecsController = webcodecsController;