@remotion/studio 4.0.365 → 4.0.367

package/dist/esm/renderEntry.mjs

@@ -158,7 +158,8 @@ var renderContent = (Root) => {
         defaultCodec: bundleMode.compositionDefaultCodec,
         defaultOutName: bundleMode.compositionDefaultOutName,
         defaultVideoImageFormat: bundleMode.compositionDefaultVideoImageFormat,
-        defaultPixelFormat: bundleMode.compositionDefaultPixelFormat
+        defaultPixelFormat: bundleMode.compositionDefaultPixelFormat,
+        defaultProResProfile: bundleMode.compositionDefaultProResProfile
       },
       children: [
         /* @__PURE__ */ jsx(Root, {}),
@@ -189,7 +190,7 @@ var renderContent = (Root) => {
     renderToDOM(/* @__PURE__ */ jsx("div", {
       children: /* @__PURE__ */ jsx(DelayedSpinner, {})
     }));
-    import("./chunk-ha1wm1xf.js").then(({ StudioInternals }) => {
+    import("./chunk-ycr2rhjx.js").then(({ StudioInternals }) => {
       window.remotion_isStudio = true;
       window.remotion_isReadOnlyStudio = true;
       Internals.enableSequenceStackTraces();

package/dist/helpers/extract-frames.d.ts

@@ -0,0 +1,17 @@
+type Options = {
+    track: {
+        width: number;
+        height: number;
+    };
+    container: string;
+    durationInSeconds: number | null;
+};
+export type ExtractFramesTimestampsInSecondsFn = (options: Options) => Promise<number[]> | number[];
+export type ExtractFramesProps = {
+    src: string;
+    timestampsInSeconds: number[] | ExtractFramesTimestampsInSecondsFn;
+    onFrame: (frame: VideoFrame) => void;
+    signal?: AbortSignal;
+};
+export declare function extractFrames({ src, timestampsInSeconds, onFrame, signal, }: ExtractFramesProps): Promise<void>;
+export {};

package/dist/helpers/extract-frames.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.extractFrames = extractFrames;
+const mediabunny_1 = require("mediabunny");
+async function extractFrames({ src, timestampsInSeconds, onFrame, signal, }) {
+    const input = new mediabunny_1.Input({
+        formats: mediabunny_1.ALL_FORMATS,
+        source: new mediabunny_1.UrlSource(src),
+    });
+    const dispose = () => {
+        input.dispose();
+    };
+    if (signal) {
+        signal.addEventListener('abort', dispose, { once: true });
+    }
+    try {
+        const [durationInSeconds, format, videoTrack] = await Promise.all([
+            input.computeDuration(),
+            input.getFormat(),
+            input.getPrimaryVideoTrack(),
+        ]);
+        if (!videoTrack) {
+            throw new Error('No video track found in the input');
+        }
+        const timestamps = typeof timestampsInSeconds === 'function'
+            ? await timestampsInSeconds({
+                track: {
+                    width: videoTrack.displayWidth,
+                    height: videoTrack.displayHeight,
+                },
+                container: format.name,
+                durationInSeconds,
+            })
+            : timestampsInSeconds;
+        if (timestamps.length === 0) {
+            return;
+        }
+        const sink = new mediabunny_1.VideoSampleSink(videoTrack);
+        for await (const videoSample of sink.samplesAtTimestamps(timestamps)) {
+            if (signal === null || signal === void 0 ? void 0 : signal.aborted) {
+                break;
+            }
+            if (!videoSample) {
+                continue;
+            }
+            const videoFrame = videoSample.toVideoFrame();
+            onFrame(videoFrame);
+        }
+    }
+    catch (error) {
+        if (error instanceof mediabunny_1.InputDisposedError) {
+            return;
+        }
+        throw error;
+    }
+    finally {
+        dispose();
+        if (signal) {
+            signal.removeEventListener('abort', dispose);
+        }
+    }
+}

package/dist/helpers/prores-labels.d.ts

@@ -1,2 +1,2 @@
-import type { ProResProfile } from '@remotion/renderer';
-export declare const labelProResProfile: (profile: ProResProfile) => "4444" | "4444 XQ (Best)" | "HQ" | "Proxy (Worst)" | "Light" | "Standard";
+import type { _InternalTypes } from 'remotion';
+export declare const labelProResProfile: (profile: _InternalTypes["ProResProfile"]) => "4444" | "4444 XQ (Best)" | "HQ" | "Proxy (Worst)" | "Light" | "Standard";

package/dist/helpers/resize-video-frame.d.ts

@@ -0,0 +1,4 @@
+export declare const resizeVideoFrame: ({ frame, scale, }: {
+    frame: VideoFrame;
+    scale: number;
+}) => VideoFrame;

package/dist/helpers/resize-video-frame.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resizeVideoFrame = void 0;
+const calculateNewDimensionsFromScale = ({ width, height, scale, }) => {
+    const scaledWidth = Math.round(width * scale);
+    const scaledHeight = Math.round(height * scale);
+    return {
+        width: scaledWidth,
+        height: scaledHeight,
+    };
+};
+const resizeVideoFrame = ({ frame, scale, }) => {
+    var _a;
+    // No resize, no rotation
+    if (scale === 1) {
+        return frame;
+    }
+    const { width, height } = calculateNewDimensionsFromScale({
+        height: frame.displayHeight,
+        width: frame.displayWidth,
+        scale,
+    });
+    const canvas = new OffscreenCanvas(width, height);
+    const ctx = canvas.getContext('2d');
+    if (!ctx) {
+        throw new Error('Could not get 2d context');
+    }
+    canvas.width = width;
+    canvas.height = height;
+    ctx.scale(scale, scale);
+    ctx.drawImage(frame, 0, 0);
+    return new VideoFrame(canvas, {
+        displayHeight: height,
+        displayWidth: width,
+        duration: (_a = frame.duration) !== null && _a !== void 0 ? _a : undefined,
+        timestamp: frame.timestamp,
+    });
+};
+exports.resizeVideoFrame = resizeVideoFrame;

package/dist/helpers/retry-payload.js

@@ -14,7 +14,7 @@ const makeRetryPayload = (job) => {
             compositionId: job.compositionId,
             initialFrame: job.frame,
             initialStillImageFormat: job.imageFormat,
-            initialVideoImageFormat: defaults.videoImageFormat,
+            initialVideoImageFormat: null,
             initialJpegQuality: (_a = job.jpegQuality) !== null && _a !== void 0 ? _a : defaults.jpegQuality,
             initialScale: job.scale,
             initialLogLevel: job.logLevel,
@@ -23,7 +23,7 @@ const makeRetryPayload = (job) => {
             minConcurrency: defaults.minConcurrency,
             initialMuted: defaults.muted,
             initialEnforceAudioTrack: defaults.enforceAudioTrack,
-            initialProResProfile: defaults.proResProfile,
+            initialProResProfile: null,
             initialx264Preset: defaults.x264Preset,
             initialPixelFormat: defaults.pixelFormat,
             initialAudioBitrate: defaults.audioBitrate,
@@ -56,6 +56,7 @@ const makeRetryPayload = (job) => {
             initialHardwareAcceleration: defaults.hardwareAcceleration,
             initialChromeMode: job.chromeMode,
             initialMediaCacheSizeInBytes: job.mediaCacheSizeInBytes,
+            renderDefaults: defaults,
         };
     }
     if (job.type === 'sequence') {
@@ -63,7 +64,7 @@ const makeRetryPayload = (job) => {
             type: 'render',
             initialFrame: 0,
             compositionId: job.compositionId,
-            initialVideoImageFormat: defaults.videoImageFormat,
+            initialVideoImageFormat: null,
             initialJpegQuality: (_b = job.jpegQuality) !== null && _b !== void 0 ? _b : defaults.jpegQuality,
             initialScale: job.scale,
             initialLogLevel: job.logLevel,
@@ -72,7 +73,7 @@ const makeRetryPayload = (job) => {
             minConcurrency: defaults.minConcurrency,
             initialMuted: defaults.muted,
             initialEnforceAudioTrack: defaults.enforceAudioTrack,
-            initialProResProfile: defaults.proResProfile,
+            initialProResProfile: null,
             initialx264Preset: defaults.x264Preset,
             initialPixelFormat: defaults.pixelFormat,
             initialAudioBitrate: defaults.audioBitrate,
@@ -106,6 +107,7 @@ const makeRetryPayload = (job) => {
             initialHardwareAcceleration: defaults.hardwareAcceleration,
             initialChromeMode: job.chromeMode,
             initialMediaCacheSizeInBytes: job.mediaCacheSizeInBytes,
+            renderDefaults: defaults,
         };
     }
     if (job.type === 'video') {
@@ -123,7 +125,7 @@ const makeRetryPayload = (job) => {
             minConcurrency: defaults.minConcurrency,
             initialMuted: job.muted,
             initialEnforceAudioTrack: job.enforceAudioTrack,
-            initialProResProfile: (_d = job.proResProfile) !== null && _d !== void 0 ? _d : defaults.proResProfile,
+            initialProResProfile: (_d = job.proResProfile) !== null && _d !== void 0 ? _d : null,
             initialx264Preset: (_e = job.x264Preset) !== null && _e !== void 0 ? _e : defaults.x264Preset,
             initialPixelFormat: job.pixelFormat,
             initialAudioBitrate: job.audioBitrate,
@@ -156,6 +158,7 @@ const makeRetryPayload = (job) => {
             initialHardwareAcceleration: job.hardwareAcceleration,
             initialChromeMode: job.chromeMode,
             initialMediaCacheSizeInBytes: job.mediaCacheSizeInBytes,
+            renderDefaults: defaults,
         };
     }
     throw new Error(`Job ${JSON.stringify(job)} Not implemented`);

package/dist/helpers/use-max-media-duration.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMaxMediaDuration = void 0;
-const media_parser_1 = require("@remotion/media-parser");
 const media_utils_1 = require("@remotion/media-utils");
+const mediabunny_1 = require("mediabunny");
 const react_1 = require("react");
 const cache = new Map();
 const getSrc = (s) => {
@@ -22,18 +22,18 @@ const useMaxMediaDuration = (s, fps) => {
         if (!src) {
             return;
         }
-        const controller = (0, media_parser_1.mediaParserController)();
-        (0, media_parser_1.parseMedia)({
-            src,
-            controller,
-            acknowledgeRemotionLicense: true,
-            onDurationInSeconds: (duration) => {
-                const durationOrInfinity = duration !== null && duration !== void 0 ? duration : Infinity;
-                cache.set(src, Math.floor(durationOrInfinity * fps));
-                setMaxMediaDuration(Math.floor(durationOrInfinity * fps));
-            },
-        }).catch((e) => {
-            if ((0, media_parser_1.hasBeenAborted)(e)) {
+        const input = new mediabunny_1.Input({
+            formats: mediabunny_1.ALL_FORMATS,
+            source: new mediabunny_1.UrlSource(src),
+        });
+        input
+            .computeDuration()
+            .then((duration) => {
+            cache.set(src, Math.floor(duration * fps));
+            setMaxMediaDuration(Math.floor(duration * fps));
+        })
+            .catch((e) => {
+            if (e instanceof mediabunny_1.InputDisposedError) {
                 return;
             }
             // In case of CORS errors, fall back to getVideoMetadata
@@ -49,10 +49,7 @@ const useMaxMediaDuration = (s, fps) => {
             });
         });
         return () => {
-            try {
-                controller.abort();
-            }
-            catch (_a) { }
+            input.dispose();
         };
     }, [src, fps]);
     return maxMediaDuration;

package/dist/renderEntry.js

@@ -184,6 +184,7 @@ const renderContent = (Root) => {
                 defaultOutName: bundleMode.compositionDefaultOutName,
                 defaultVideoImageFormat: bundleMode.compositionDefaultVideoImageFormat,
                 defaultPixelFormat: bundleMode.compositionDefaultPixelFormat,
+                defaultProResProfile: bundleMode.compositionDefaultProResProfile,
             }, children: [(0, jsx_runtime_1.jsx)(Root, {}), (0, jsx_runtime_1.jsx)(GetVideoComposition, { state: bundleMode })] }));
         renderToDOM(markup);
     }

package/dist/state/modals.d.ts

@@ -1,7 +1,8 @@
-import type { AudioCodec, ChromeMode, Codec, ColorSpace, LogLevel, OpenGlRenderer, PixelFormat, ProResProfile, StillImageFormat, VideoImageFormat, X264Preset } from '@remotion/renderer';
+import type { AudioCodec, ChromeMode, Codec, ColorSpace, LogLevel, OpenGlRenderer, PixelFormat, StillImageFormat, VideoImageFormat, X264Preset } from '@remotion/renderer';
 import type { HardwareAccelerationOption } from '@remotion/renderer/client';
-import type { PackageManager } from '@remotion/studio-shared';
+import type { PackageManager, RenderDefaults } from '@remotion/studio-shared';
 import type React from 'react';
+import type { _InternalTypes } from 'remotion';
 import type { CompType } from '../components/NewComposition/DuplicateComposition';
 import type { QuickSwitcherMode } from '../components/QuickSwitcher/NoResults';
 import type { RenderType } from '../components/RenderModal/RenderModalAdvanced';
@@ -11,16 +12,16 @@ export type RenderModalState = {
     compositionId: string;
     initialFrame: number;
     initialStillImageFormat: StillImageFormat;
-    initialVideoImageFormat: VideoImageFormat;
+    initialVideoImageFormat: VideoImageFormat | null;
     initialJpegQuality: number;
     initialScale: number;
     initialLogLevel: LogLevel;
     initialConcurrency: number;
     initialMuted: boolean;
     initialEnforceAudioTrack: boolean;
-    initialProResProfile: ProResProfile;
+    initialProResProfile: _InternalTypes['ProResProfile'] | null;
     initialx264Preset: X264Preset;
-    initialPixelFormat: PixelFormat;
+    initialPixelFormat: PixelFormat | null;
     initialVideoBitrate: string | null;
     initialAudioBitrate: string | null;
     initialEveryNthFrame: number;
@@ -53,6 +54,7 @@ export type RenderModalState = {
     defaultConfigurationAudioCodec: AudioCodec | null;
     renderTypeOfLastRender: RenderType | null;
     defaulMetadata: Record<string, string> | null;
+    renderDefaults: RenderDefaults;
 };
 export type ModalState = {
     type: 'duplicate-comp';

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
 	},
 	"name": "@remotion/studio",
-	"version": "4.0.365",
+	"version": "4.0.367",
 	"description": "APIs for interacting with the Remotion Studio",
 	"main": "dist",
 	"sideEffects": false,
@@ -25,15 +25,14 @@
 	},
 	"dependencies": {
 		"semver": "7.5.3",
-		"remotion": "4.0.365",
-		"@remotion/player": "4.0.365",
-		"@remotion/media-utils": "4.0.365",
-		"@remotion/media-parser": "4.0.365",
-		"@remotion/renderer": "4.0.365",
-		"@remotion/web-renderer": "4.0.365",
-		"@remotion/studio-shared": "4.0.365",
-		"@remotion/webcodecs": "4.0.365",
-		"@remotion/zod-types": "4.0.365",
+		"remotion": "4.0.367",
+		"@remotion/player": "4.0.367",
+		"@remotion/media-utils": "4.0.367",
+		"@remotion/renderer": "4.0.367",
+		"@remotion/web-renderer": "4.0.367",
+		"@remotion/studio-shared": "4.0.367",
+		"@remotion/zod-types": "4.0.367",
+		"mediabunny": "1.24.2",
 		"memfs": "3.4.3",
 		"source-map": "0.7.3",
 		"open": "^8.4.2",
@@ -43,7 +42,7 @@
 		"react": "19.0.0",
 		"react-dom": "19.0.0",
 		"@types/semver": "^7.3.4",
-		"@remotion/eslint-config-internal": "4.0.365",
+		"@remotion/eslint-config-internal": "4.0.367",
 		"eslint": "9.19.0"
 	},
 	"publishConfig": {