@remotion/studio 4.0.365 → 4.0.366

package/dist/esm/renderEntry.mjs

@@ -189,7 +189,7 @@ var renderContent = (Root) => {
     renderToDOM(/* @__PURE__ */ jsx("div", {
       children: /* @__PURE__ */ jsx(DelayedSpinner, {})
     }));
-    import("./chunk-ha1wm1xf.js").then(({ StudioInternals }) => {
+    import("./chunk-knnc4kgj.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/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/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/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.366",
 	"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.366",
+		"@remotion/player": "4.0.366",
+		"@remotion/media-utils": "4.0.366",
+		"@remotion/renderer": "4.0.366",
+		"@remotion/web-renderer": "4.0.366",
+		"@remotion/studio-shared": "4.0.366",
+		"@remotion/zod-types": "4.0.366",
+		"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.366",
 		"eslint": "9.19.0"
 	},
 	"publishConfig": {