@remotion/studio 4.0.362 → 4.0.363

package/dist/esm/internals.mjs

@@ -17983,12 +17983,13 @@ var waitForReady = (timeoutInMilliseconds) => {
   }, 50);
   return promise;
 };
-var renderMediaOnWeb = async ({
+var renderStillOnWeb = async ({
   Component,
   width,
   height,
   fps,
-  durationInFrames
+  durationInFrames,
+  frame: frame2
 }) => {
   const div = document.createElement("div");
   div.style.display = "flex";
@@ -18045,6 +18046,8 @@ var renderMediaOnWeb = async ({
       isClientSideRendering: true
     },
     children: /* @__PURE__ */ jsx176(Internals44.RemotionRoot, {
+      audioEnabled: true,
+      videoEnabled: true,
       logLevel: "info",
       numberOfAudioTags: 0,
       onlyRenderComposition: null,
@@ -18069,6 +18072,7 @@ var renderMediaOnWeb = async ({
       })
     })
   }));
+  window.remotion_setFrame(frame2, "markup", frame2);
   await waitForReady(delayRenderTimeoutInMilliseconds);
   const canvasElements = findCanvasElements(div);
   const composed = compose({
@@ -18102,18 +18106,20 @@ var button4 = {
 };
 var TriggerWebRender = () => {
   const video = Internals45.useVideo();
+  const frame2 = getCurrentFrame();
   const onClick = useCallback89(() => {
     if (!video) {
       throw new Error("No video found");
     }
-    renderMediaOnWeb({
+    renderStillOnWeb({
       Component: video.component,
       width: video.width,
       height: video.height,
       fps: video.fps,
-      durationInFrames: video.durationInFrames
+      durationInFrames: video.durationInFrames,
+      frame: frame2
     });
-  }, [video]);
+  }, [video, frame2]);
   return /* @__PURE__ */ jsx177(Button, {
     id: "render-modal-button",
     onClick,
@@ -47168,6 +47174,8 @@ var Studio = ({ rootComponent, readOnly }) => {
     injectCSS();
   }, []);
   return /* @__PURE__ */ jsx274(Internals67.RemotionRoot, {
+    audioEnabled: window.remotion_audioEnabled,
+    videoEnabled: window.remotion_videoEnabled,
     logLevel: window.remotion_logLevel,
     numberOfAudioTags: window.remotion_numberOfAudioTags,
     onlyRenderComposition: null,

package/dist/esm/previewEntry.mjs

@@ -18263,12 +18263,13 @@ var waitForReady = (timeoutInMilliseconds) => {
   }, 50);
   return promise;
 };
-var renderMediaOnWeb = async ({
+var renderStillOnWeb = async ({
   Component,
   width,
   height,
   fps,
-  durationInFrames
+  durationInFrames,
+  frame: frame2
 }) => {
   const div = document.createElement("div");
   div.style.display = "flex";
@@ -18325,6 +18326,8 @@ var renderMediaOnWeb = async ({
       isClientSideRendering: true
     },
     children: /* @__PURE__ */ jsx177(Internals44.RemotionRoot, {
+      audioEnabled: true,
+      videoEnabled: true,
       logLevel: "info",
       numberOfAudioTags: 0,
       onlyRenderComposition: null,
@@ -18349,6 +18352,7 @@ var renderMediaOnWeb = async ({
       })
     })
   }));
+  window.remotion_setFrame(frame2, "markup", frame2);
   await waitForReady(delayRenderTimeoutInMilliseconds);
   const canvasElements = findCanvasElements(div);
   const composed = compose({
@@ -18382,18 +18386,20 @@ var button4 = {
 };
 var TriggerWebRender = () => {
   const video = Internals45.useVideo();
+  const frame2 = getCurrentFrame();
   const onClick = useCallback90(() => {
     if (!video) {
       throw new Error("No video found");
     }
-    renderMediaOnWeb({
+    renderStillOnWeb({
       Component: video.component,
       width: video.width,
       height: video.height,
       fps: video.fps,
-      durationInFrames: video.durationInFrames
+      durationInFrames: video.durationInFrames,
+      frame: frame2
     });
-  }, [video]);
+  }, [video, frame2]);
   return /* @__PURE__ */ jsx178(Button, {
     id: "render-modal-button",
     onClick,
@@ -47448,6 +47454,8 @@ var Studio = ({ rootComponent, readOnly }) => {
     injectCSS();
   }, []);
   return /* @__PURE__ */ jsx275(Internals67.RemotionRoot, {
+    audioEnabled: window.remotion_audioEnabled,
+    videoEnabled: window.remotion_videoEnabled,
     logLevel: window.remotion_logLevel,
     numberOfAudioTags: window.remotion_numberOfAudioTags,
     onlyRenderComposition: null,

package/dist/esm/renderEntry.mjs

@@ -143,6 +143,8 @@ var renderContent = (Root) => {
   const bundleMode = getBundleMode();
   if (bundleMode.type === "composition") {
     const markup = /* @__PURE__ */ jsxs(Internals.RemotionRoot, {
+      audioEnabled: window.remotion_audioEnabled,
+      videoEnabled: window.remotion_videoEnabled,
       logLevel: window.remotion_logLevel,
       numberOfAudioTags: 0,
       audioLatencyHint: window.remotion_audioLatencyHint ?? "interactive",
@@ -169,6 +171,8 @@ var renderContent = (Root) => {
   }
   if (bundleMode.type === "evaluation") {
     const markup = /* @__PURE__ */ jsx(Internals.RemotionRoot, {
+      audioEnabled: window.remotion_audioEnabled,
+      videoEnabled: window.remotion_videoEnabled,
       logLevel: window.remotion_logLevel,
       numberOfAudioTags: 0,
       onlyRenderComposition: null,
@@ -185,7 +189,7 @@ var renderContent = (Root) => {
     renderToDOM(/* @__PURE__ */ jsx("div", {
       children: /* @__PURE__ */ jsx(DelayedSpinner, {})
     }));
-    import("./chunk-svg0tfdy.js").then(({ StudioInternals }) => {
+    import("./chunk-ha1wm1xf.js").then(({ StudioInternals }) => {
       window.remotion_isStudio = true;
       window.remotion_isReadOnlyStudio = true;
       Internals.enableSequenceStackTraces();

package/dist/renderEntry.js

@@ -174,7 +174,7 @@ const renderContent = (Root) => {
     var _a, _b;
     const bundleMode = getBundleMode();
     if (bundleMode.type === 'composition') {
-        const markup = ((0, jsx_runtime_1.jsxs)(remotion_1.Internals.RemotionRoot, { logLevel: window.remotion_logLevel, numberOfAudioTags: 0, audioLatencyHint: (_a = window.remotion_audioLatencyHint) !== null && _a !== void 0 ? _a : 'interactive', onlyRenderComposition: bundleMode.compositionName, currentCompositionMetadata: {
+        const markup = ((0, jsx_runtime_1.jsxs)(remotion_1.Internals.RemotionRoot, { audioEnabled: window.remotion_audioEnabled, videoEnabled: window.remotion_videoEnabled, logLevel: window.remotion_logLevel, numberOfAudioTags: 0, audioLatencyHint: (_a = window.remotion_audioLatencyHint) !== null && _a !== void 0 ? _a : 'interactive', onlyRenderComposition: bundleMode.compositionName, currentCompositionMetadata: {
                 props: no_react_1.NoReactInternals.deserializeJSONWithSpecialTypes(bundleMode.serializedResolvedPropsWithSchema),
                 durationInFrames: bundleMode.compositionDurationInFrames,
                 fps: bundleMode.compositionFps,
@@ -188,7 +188,7 @@ const renderContent = (Root) => {
         renderToDOM(markup);
     }
     if (bundleMode.type === 'evaluation') {
-        const markup = ((0, jsx_runtime_1.jsx)(remotion_1.Internals.RemotionRoot, { logLevel: window.remotion_logLevel, numberOfAudioTags: 0, onlyRenderComposition: null, currentCompositionMetadata: null, audioLatencyHint: (_b = window.remotion_audioLatencyHint) !== null && _b !== void 0 ? _b : 'interactive', children: (0, jsx_runtime_1.jsx)(Root, {}) }));
+        const markup = ((0, jsx_runtime_1.jsx)(remotion_1.Internals.RemotionRoot, { audioEnabled: window.remotion_audioEnabled, videoEnabled: window.remotion_videoEnabled, logLevel: window.remotion_logLevel, numberOfAudioTags: 0, onlyRenderComposition: null, currentCompositionMetadata: null, audioLatencyHint: (_b = window.remotion_audioLatencyHint) !== null && _b !== void 0 ? _b : 'interactive', children: (0, jsx_runtime_1.jsx)(Root, {}) }));
         renderToDOM(markup);
     }
     if (bundleMode.type === 'index') {

package/package.json

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