@remotion/media-utils 4.0.341 → 4.0.345

package/dist/use-audio-data.js

@@ -21,8 +21,9 @@ const useAudioData = (src) => {
         };
     }, []);
     const [metadata, setMetadata] = (0, react_1.useState)(null);
+    const { delayRender, continueRender } = (0, remotion_1.useDelayRender)();
     const fetchMetadata = (0, react_1.useCallback)(async () => {
-        const handle = (0, remotion_1.delayRender)(`Waiting for audio metadata with src="${src}" to be loaded`);
+        const handle = delayRender(`Waiting for audio metadata with src="${src}" to be loaded`);
         try {
             const data = await (0, get_audio_data_1.getAudioData)(src);
             if (mountState.current.isMounted) {
@@ -32,8 +33,8 @@ const useAudioData = (src) => {
         catch (err) {
             (0, remotion_1.cancelRender)(err);
         }
-        (0, remotion_1.continueRender)(handle);
-    }, [src]);
+        continueRender(handle);
+    }, [src, delayRender, continueRender]);
     (0, react_1.useLayoutEffect)(() => {
         fetchMetadata();
     }, [fetchMetadata]);

package/dist/use-windowed-audio-data.js

@@ -22,10 +22,11 @@ const useWindowedAudioData = ({ src, frame, fps, windowInSeconds, channelIndex =
             isMounted.current = false;
         };
     }, []);
+    const { delayRender, continueRender } = (0, remotion_1.useDelayRender)();
     const fetchMetadata = (0, react_1.useCallback)(async (signal) => {
-        const handle = (0, remotion_1.delayRender)(`Waiting for audio metadata with src="${src}" to be loaded`);
+        const handle = delayRender(`Waiting for audio metadata with src="${src}" to be loaded`);
         const cont = () => {
-            (0, remotion_1.continueRender)(handle);
+            continueRender(handle);
         };
         signal.addEventListener('abort', cont, { once: true });
         try {
@@ -33,7 +34,7 @@ const useWindowedAudioData = ({ src, frame, fps, windowInSeconds, channelIndex =
             if (isMounted.current) {
                 setWaveProbe(data);
             }
-            (0, remotion_1.continueRender)(handle);
+            continueRender(handle);
         }
         catch (err) {
             (0, remotion_1.cancelRender)(err);
@@ -41,7 +42,7 @@ const useWindowedAudioData = ({ src, frame, fps, windowInSeconds, channelIndex =
         finally {
             signal.removeEventListener('abort', cont);
         }
-    }, [src]);
+    }, [src, delayRender, continueRender]);
     (0, react_1.useLayoutEffect)(() => {
         const controller = new AbortController();
         fetchMetadata(controller.signal);
@@ -153,11 +154,11 @@ const useWindowedAudioData = ({ src, frame, fps, windowInSeconds, channelIndex =
         if (currentAudioData) {
             return;
         }
-        const handle = (0, remotion_1.delayRender)(`Waiting for audio data with src="${src}" to be loaded`);
+        const handle = delayRender(`Waiting for audio data with src="${src}" to be loaded`);
         return () => {
-            (0, remotion_1.continueRender)(handle);
+            continueRender(handle);
         };
-    }, [currentAudioData, src]);
+    }, [currentAudioData, src, delayRender, continueRender]);
     return {
         audioData: currentAudioData,
         dataOffsetInSeconds: windowsToFetch[0] * windowInSeconds,

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/media-utils"
   },
   "name": "@remotion/media-utils",
-  "version": "4.0.341",
+  "version": "4.0.345",
   "description": "Utilities for working with media files",
   "main": "dist/index.js",
   "sideEffects": false,
@@ -13,7 +13,7 @@
     "url": "https://github.com/remotion-dev/remotion/issues"
   },
   "dependencies": {
-    "remotion": "4.0.341"
+    "remotion": "4.0.345"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -21,7 +21,7 @@
   },
   "devDependencies": {
     "eslint": "9.19.0",
-    "@remotion/eslint-config-internal": "4.0.341"
+    "@remotion/eslint-config-internal": "4.0.345"
   },
   "keywords": [
     "remotion",