@remotion/studio 4.0.334 → 4.0.336

package/dist/esm/internals.mjs

@@ -37986,7 +37986,8 @@ var TimelineSequenceFrame = ({ roundedFrame, premounted }) => {
 };
 
 // src/components/Timeline/TimelineVideoInfo.tsx
-import { extractFrames, rotateAndResizeVideoFrame } from "@remotion/webcodecs";
+import { rotateAndResizeVideoFrame } from "@remotion/webcodecs";
+import { extractFramesOnWebWorker } from "@remotion/webcodecs/worker";
 import { useEffect as useEffect66, useRef as useRef36, useState as useState66 } from "react";
 import { useVideoConfig as useVideoConfig5 } from "remotion";
 
@@ -38228,7 +38229,7 @@ var TimelineVideoInfo = ({ src, visualizationWidth, startFrom, durationInFrames
       }
     }
     clearOldFrames();
-    extractFrames({
+    extractFramesOnWebWorker({
       acknowledgeRemotionLicense: true,
       timestampsInSeconds: ({ track }) => {
         aspectRatio.current = track.width / track.height;

package/dist/esm/previewEntry.mjs

@@ -38266,7 +38266,8 @@ var TimelineSequenceFrame = ({ roundedFrame, premounted }) => {
 };
 
 // src/components/Timeline/TimelineVideoInfo.tsx
-import { extractFrames, rotateAndResizeVideoFrame } from "@remotion/webcodecs";
+import { rotateAndResizeVideoFrame } from "@remotion/webcodecs";
+import { extractFramesOnWebWorker } from "@remotion/webcodecs/worker";
 import { useEffect as useEffect66, useRef as useRef36, useState as useState67 } from "react";
 import { useVideoConfig as useVideoConfig5 } from "remotion";
 
@@ -38508,7 +38509,7 @@ var TimelineVideoInfo = ({ src, visualizationWidth, startFrom, durationInFrames
       }
     }
     clearOldFrames();
-    extractFrames({
+    extractFramesOnWebWorker({
       acknowledgeRemotionLicense: true,
       timestampsInSeconds: ({ track }) => {
         aspectRatio.current = track.width / track.height;

package/dist/esm/renderEntry.mjs

@@ -183,7 +183,7 @@ var renderContent = (Root) => {
     renderToDOM(/* @__PURE__ */ jsx("div", {
       children: /* @__PURE__ */ jsx(DelayedSpinner, {})
     }));
-    import("./chunk-s0cbvv3s.js").then(({ StudioInternals }) => {
+    import("./chunk-f6a78x4r.js").then(({ StudioInternals }) => {
       renderToDOM(/* @__PURE__ */ jsx(StudioInternals.Studio, {
         readOnly: true,
         rootComponent: Root

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
   },
   "name": "@remotion/studio",
-  "version": "4.0.334",
+  "version": "4.0.336",
   "description": "APIs for interacting with the Remotion Studio",
   "main": "dist",
   "sideEffects": false,
@@ -23,21 +23,21 @@
     "source-map": "0.7.3",
     "open": "^8.4.2",
     "zod": "3.22.3",
-    "@remotion/player": "4.0.334",
-    "@remotion/media-utils": "4.0.334",
-    "@remotion/media-parser": "4.0.334",
-    "@remotion/renderer": "4.0.334",
-    "@remotion/studio-shared": "4.0.334",
-    "@remotion/webcodecs": "4.0.334",
-    "@remotion/zod-types": "4.0.334",
-    "remotion": "4.0.334"
+    "remotion": "4.0.336",
+    "@remotion/media-utils": "4.0.336",
+    "@remotion/media-parser": "4.0.336",
+    "@remotion/renderer": "4.0.336",
+    "@remotion/player": "4.0.336",
+    "@remotion/webcodecs": "4.0.336",
+    "@remotion/studio-shared": "4.0.336",
+    "@remotion/zod-types": "4.0.336"
   },
   "devDependencies": {
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "@types/semver": "^7.3.4",
     "eslint": "9.19.0",
-    "@remotion/eslint-config-internal": "4.0.334"
+    "@remotion/eslint-config-internal": "4.0.336"
   },
   "publishConfig": {
     "access": "public"