remotion 4.0.310 → 4.0.312

package/dist/cjs/audio/AudioForPreview.js

@@ -82,7 +82,11 @@ const AudioForDevelopmentForwardRefFunction = (props, ref) => {
     if (!context) {
         throw new Error('SharedAudioContext not found');
     }
-    const { el: audioRef, mediaElementSourceNode } = (0, shared_audio_tags_js_1.useSharedAudio)(propsToPass, id);
+    const { el: audioRef, mediaElementSourceNode } = (0, shared_audio_tags_js_1.useSharedAudio)({
+        aud: propsToPass,
+        audioId: id,
+        premounting: Boolean(sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.premounting),
+    });
     (0, use_media_in_timeline_js_1.useMediaInTimeline)({
         volume,
         mediaVolume,

package/dist/cjs/audio/shared-audio-tags.d.ts

@@ -19,14 +19,20 @@ type AudioElem = {
     el: React.RefObject<HTMLAudioElement | null>;
     audioId: string;
     mediaElementSourceNode: SharedElementSourceNode | null;
+    premounting: boolean;
 };
 type SharedContext = {
-    registerAudio: (aud: RemotionAudioProps, audioId: string) => AudioElem;
+    registerAudio: (options: {
+        aud: RemotionAudioProps;
+        audioId: string;
+        premounting: boolean;
+    }) => AudioElem;
     unregisterAudio: (id: number) => void;
     updateAudio: (options: {
         id: number;
         aud: RemotionAudioProps;
         audioId: string;
+        premounting: boolean;
     }) => void;
     playAllAudios: () => void;
     numberOfAudioTags: number;
@@ -39,5 +45,9 @@ export declare const SharedAudioContextProvider: React.FC<{
     readonly component: LazyExoticComponent<ComponentType<Record<string, unknown>>> | null;
     readonly audioLatencyHint: AudioContextLatencyCategory;
 }>;
-export declare const useSharedAudio: (aud: RemotionAudioProps, audioId: string) => AudioElem;
+export declare const useSharedAudio: ({ aud, audioId, premounting, }: {
+    aud: RemotionAudioProps;
+    audioId: string;
+    premounting: boolean;
+}) => AudioElem;
 export {};

package/dist/cjs/audio/shared-audio-tags.js

@@ -123,8 +123,9 @@ const SharedAudioContextProvider = ({ children, numberOfAudioTags, component, au
             });
         });
     }, [refs]);
-    const registerAudio = (0, react_1.useCallback)((aud, audioId) => {
+    const registerAudio = (0, react_1.useCallback)((options) => {
         var _a, _b;
+        const { aud, audioId, premounting } = options;
         const found = (_a = audios.current) === null || _a === void 0 ? void 0 : _a.find((a) => a.audioId === audioId);
         if (found) {
             return found;
@@ -143,6 +144,7 @@ const SharedAudioContextProvider = ({ children, numberOfAudioTags, component, au
             el: ref,
             audioId,
             mediaElementSourceNode,
+            premounting,
         };
         (_b = audios.current) === null || _b === void 0 ? void 0 : _b.push(newElem);
         rerenderAudios();
@@ -160,12 +162,12 @@ const SharedAudioContextProvider = ({ children, numberOfAudioTags, component, au
         audios.current = (_a = audios.current) === null || _a === void 0 ? void 0 : _a.filter((a) => a.id !== id);
         rerenderAudios();
     }, [refs, rerenderAudios]);
-    const updateAudio = (0, react_1.useCallback)(({ aud, audioId, id, }) => {
+    const updateAudio = (0, react_1.useCallback)(({ aud, audioId, id, premounting, }) => {
         var _a;
         let changed = false;
         audios.current = (_a = audios.current) === null || _a === void 0 ? void 0 : _a.map((prevA) => {
             if (prevA.id === id) {
-                const isTheSame = compareProps(aud, prevA.props);
+                const isTheSame = compareProps(aud, prevA.props) && prevA.premounting === premounting;
                 if (isTheSame) {
                     return prevA;
                 }
@@ -173,6 +175,7 @@ const SharedAudioContextProvider = ({ children, numberOfAudioTags, component, au
                 return {
                     ...prevA,
                     props: aud,
+                    premounting,
                     audioId,
                 };
             }
@@ -185,6 +188,10 @@ const SharedAudioContextProvider = ({ children, numberOfAudioTags, component, au
     const mountTime = (0, log_level_context_js_1.useMountTime)();
     const playAllAudios = (0, react_1.useCallback)(() => {
         refs.forEach((ref) => {
+            const audio = audios.current.find((a) => a.el === ref.ref);
+            if (audio === null || audio === void 0 ? void 0 : audio.premounting) {
+                return;
+            }
             (0, play_and_handle_not_allowed_error_js_1.playAndHandleNotAllowedError)({
                 mediaRef: ref.ref,
                 mediaType: 'audio',
@@ -238,7 +245,7 @@ const SharedAudioContextProvider = ({ children, numberOfAudioTags, component, au
             }), children] }));
 };
 exports.SharedAudioContextProvider = SharedAudioContextProvider;
-const useSharedAudio = (aud, audioId) => {
+const useSharedAudio = ({ aud, audioId, premounting, }) => {
     var _a;
     const ctx = (0, react_1.useContext)(exports.SharedAudioContext);
     /**
@@ -246,7 +253,7 @@ const useSharedAudio = (aud, audioId) => {
      */
     const [elem] = (0, react_1.useState)(() => {
         if (ctx && ctx.numberOfAudioTags > 0) {
-            return ctx.registerAudio(aud, audioId);
+            return ctx.registerAudio({ aud, audioId, premounting });
         }
         const el = react_1.default.createRef();
         const mediaElementSourceNode = (ctx === null || ctx === void 0 ? void 0 : ctx.audioContext)
@@ -261,6 +268,7 @@ const useSharedAudio = (aud, audioId) => {
             props: aud,
             audioId,
             mediaElementSourceNode,
+            premounting,
         };
     });
     /**
@@ -274,9 +282,9 @@ const useSharedAudio = (aud, audioId) => {
     if (typeof document !== 'undefined') {
         effectToUse(() => {
             if (ctx && ctx.numberOfAudioTags > 0) {
-                ctx.updateAudio({ id: elem.id, aud, audioId });
+                ctx.updateAudio({ id: elem.id, aud, audioId, premounting });
             }
-        }, [aud, ctx, elem.id, audioId]);
+        }, [aud, ctx, elem.id, audioId, premounting]);
         effectToUse(() => {
             return () => {
                 if (ctx && ctx.numberOfAudioTags > 0) {

package/dist/cjs/internals.d.ts

@@ -49,18 +49,24 @@ export declare const Internals: {
     readonly SetMediaVolumeContext: import("react").Context<SetMediaVolumeContextValue>;
     readonly getRemotionEnvironment: () => RemotionEnvironment;
     readonly SharedAudioContext: import("react").Context<{
-        registerAudio: (aud: import("./index.js").RemotionAudioProps, audioId: string) => {
+        registerAudio: (options: {
+            aud: import("./index.js").RemotionAudioProps;
+            audioId: string;
+            premounting: boolean;
+        }) => {
             id: number;
             props: import("./index.js").RemotionAudioProps;
             el: React.RefObject<HTMLAudioElement | null>;
             audioId: string;
             mediaElementSourceNode: import("./audio/shared-element-source-node.js").SharedElementSourceNode | null;
+            premounting: boolean;
         };
         unregisterAudio: (id: number) => void;
         updateAudio: (options: {
             id: number;
             aud: import("./index.js").RemotionAudioProps;
             audioId: string;
+            premounting: boolean;
         }) => void;
         playAllAudios: () => void;
         numberOfAudioTags: number;

package/dist/cjs/version.d.ts

@@ -3,4 +3,4 @@
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-export declare const VERSION = "4.0.310";
+export declare const VERSION = "4.0.312";

package/dist/cjs/version.js

@@ -7,4 +7,4 @@ exports.VERSION = void 0;
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-exports.VERSION = '4.0.310';
+exports.VERSION = '4.0.312';

package/dist/esm/index.mjs

@@ -104,7 +104,7 @@ function truthy(value) {
 }
 
 // src/version.ts
-var VERSION = "4.0.310";
+var VERSION = "4.0.312";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -2803,7 +2803,8 @@ var SharedAudioContextProvider = ({ children, numberOfAudioTags, component, audi
       });
     });
   }, [refs]);
-  const registerAudio = useCallback6((aud, audioId) => {
+  const registerAudio = useCallback6((options) => {
+    const { aud, audioId, premounting } = options;
     const found = audios.current?.find((a) => a.audioId === audioId);
     if (found) {
       return found;
@@ -2821,7 +2822,8 @@ var SharedAudioContextProvider = ({ children, numberOfAudioTags, component, audi
       id,
       el: ref,
       audioId,
-      mediaElementSourceNode
+      mediaElementSourceNode,
+      premounting
     };
     audios.current?.push(newElem);
     rerenderAudios();
@@ -2841,12 +2843,13 @@ var SharedAudioContextProvider = ({ children, numberOfAudioTags, component, audi
   const updateAudio = useCallback6(({
     aud,
     audioId,
-    id
+    id,
+    premounting
   }) => {
     let changed = false;
     audios.current = audios.current?.map((prevA) => {
       if (prevA.id === id) {
-        const isTheSame = compareProps(aud, prevA.props);
+        const isTheSame = compareProps(aud, prevA.props) && prevA.premounting === premounting;
         if (isTheSame) {
           return prevA;
         }
@@ -2854,6 +2857,7 @@ var SharedAudioContextProvider = ({ children, numberOfAudioTags, component, audi
         return {
           ...prevA,
           props: aud,
+          premounting,
           audioId
         };
       }
@@ -2866,6 +2870,10 @@ var SharedAudioContextProvider = ({ children, numberOfAudioTags, component, audi
   const mountTime = useMountTime();
   const playAllAudios = useCallback6(() => {
     refs.forEach((ref) => {
+      const audio = audios.current.find((a) => a.el === ref.ref);
+      if (audio?.premounting) {
+        return;
+      }
       playAndHandleNotAllowedError({
         mediaRef: ref.ref,
         mediaType: "audio",
@@ -2918,11 +2926,15 @@ var SharedAudioContextProvider = ({ children, numberOfAudioTags, component, audi
     ]
   });
 };
-var useSharedAudio = (aud, audioId) => {
+var useSharedAudio = ({
+  aud,
+  audioId,
+  premounting
+}) => {
   const ctx = useContext14(SharedAudioContext);
   const [elem] = useState9(() => {
     if (ctx && ctx.numberOfAudioTags > 0) {
-      return ctx.registerAudio(aud, audioId);
+      return ctx.registerAudio({ aud, audioId, premounting });
     }
     const el = React13.createRef();
     const mediaElementSourceNode = ctx?.audioContext ? makeSharedElementSourceNode({
@@ -2934,16 +2946,17 @@ var useSharedAudio = (aud, audioId) => {
       id: Math.random(),
       props: aud,
       audioId,
-      mediaElementSourceNode
+      mediaElementSourceNode,
+      premounting
     };
   });
   const effectToUse = React13.useInsertionEffect ?? React13.useLayoutEffect;
   if (typeof document !== "undefined") {
     effectToUse(() => {
       if (ctx && ctx.numberOfAudioTags > 0) {
-        ctx.updateAudio({ id: elem.id, aud, audioId });
+        ctx.updateAudio({ id: elem.id, aud, audioId, premounting });
       }
-    }, [aud, ctx, elem.id, audioId]);
+    }, [aud, ctx, elem.id, audioId, premounting]);
     effectToUse(() => {
       return () => {
         if (ctx && ctx.numberOfAudioTags > 0) {
@@ -4322,7 +4335,11 @@ var AudioForDevelopmentForwardRefFunction = (props, ref) => {
   if (!context) {
     throw new Error("SharedAudioContext not found");
   }
-  const { el: audioRef, mediaElementSourceNode } = useSharedAudio(propsToPass, id);
+  const { el: audioRef, mediaElementSourceNode } = useSharedAudio({
+    aud: propsToPass,
+    audioId: id,
+    premounting: Boolean(sequenceContext?.premounting)
+  });
   useMediaInTimeline({
     volume,
     mediaVolume,

package/dist/esm/version.mjs

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "4.0.310";
+var VERSION = "4.0.312";
 export {
   VERSION
 };

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/core"
   },
   "name": "remotion",
-  "version": "4.0.310",
+  "version": "4.0.312",
   "description": "Make videos programmatically",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",
@@ -28,7 +28,7 @@
     "webpack": "5.96.1",
     "zod": "3.22.3",
     "eslint": "9.19.0",
-    "@remotion/eslint-config-internal": "4.0.310"
+    "@remotion/eslint-config-internal": "4.0.312"
   },
   "keywords": [
     "remotion",