@remotion/media-utils 4.0.164 → 4.0.166

package/dist/get-audio-duration-in-seconds.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getAudioDuration = exports.getAudioDurationInSeconds = void 0;
 /* eslint-disable @typescript-eslint/no-use-before-define */
+const media_tag_error_handling_1 = require("./media-tag-error-handling");
 const p_limit_1 = require("./p-limit");
 const limit = (0, p_limit_1.pLimit)(3);
 const metadataCache = {};
@@ -16,8 +17,13 @@ const fn = (src) => {
     audio.src = src;
     return new Promise((resolve, reject) => {
         const onError = () => {
-            reject(audio.error);
-            cleanup();
+            (0, media_tag_error_handling_1.onMediaError)({
+                error: audio.error,
+                src,
+                cleanup,
+                reject,
+                api: 'getAudioDurationInSeconds()',
+            });
         };
         const onLoadedMetadata = () => {
             metadataCache[src] = audio.duration;

package/dist/get-video-metadata.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getVideoMetadata = void 0;
 /* eslint-disable @typescript-eslint/no-use-before-define */
 const is_remote_asset_1 = require("./is-remote-asset");
+const media_tag_error_handling_1 = require("./media-tag-error-handling");
 const p_limit_1 = require("./p-limit");
 const cache = {};
 const limit = (0, p_limit_1.pLimit)(3);
@@ -17,8 +18,13 @@ const fn = (src) => {
     video.src = src;
     return new Promise((resolve, reject) => {
         const onError = () => {
-            reject(video.error);
-            cleanup();
+            (0, media_tag_error_handling_1.onMediaError)({
+                error: video.error,
+                src,
+                cleanup,
+                reject,
+                api: 'getVideoMetadata()',
+            });
         };
         const onLoadedMetadata = () => {
             const pixels = video.videoHeight * video.videoWidth;

package/dist/media-tag-error-handling.d.ts

@@ -0,0 +1,7 @@
+export declare const onMediaError: ({ error, src, reject, cleanup, api, }: {
+    error: MediaError;
+    src: string;
+    reject: (reason: unknown) => void;
+    cleanup: () => void;
+    api: string;
+}) => void;

package/dist/media-tag-error-handling.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.onMediaError = void 0;
+async function fetchWithTimeout(url, options, timeout = 3000) {
+    const controller = new AbortController();
+    const id = setTimeout(() => controller.abort(), timeout);
+    options.signal = controller.signal;
+    try {
+        const response = await fetch(url, options);
+        clearTimeout(id);
+        return response;
+    }
+    catch (e) {
+        clearTimeout(id);
+        throw new Error(`Fetch timed out after ${timeout}ms`);
+    }
+}
+const checkFor404 = (src) => {
+    return fetchWithTimeout(src, {
+        method: 'HEAD',
+        mode: 'no-cors',
+    }).then((res) => res.status);
+};
+const checkFor404OrSkip = async ({ suspecting404, sameOrigin, src, }) => {
+    if (!suspecting404) {
+        return Promise.resolve(null);
+    }
+    if (!sameOrigin) {
+        return Promise.resolve(null);
+    }
+    try {
+        return await checkFor404(src);
+    }
+    catch (e) {
+        return Promise.resolve(null);
+    }
+};
+const onMediaError = ({ error, src, reject, cleanup, api, }) => {
+    const suspecting404 = (error === null || error === void 0 ? void 0 : error.MEDIA_ERR_SRC_NOT_SUPPORTED) === (error === null || error === void 0 ? void 0 : error.code);
+    const isSrcSameOriginAsCurrent = new URL(src, window.location.origin)
+        .toString()
+        .startsWith(window.location.origin);
+    checkFor404OrSkip({
+        suspecting404,
+        sameOrigin: isSrcSameOriginAsCurrent,
+        src,
+    })
+        .then((status) => {
+        const err = status === 404
+            ? new Error([
+                `Failed to execute ${api}: Received a 404 error loading "${src}".`,
+                'Correct the URL of the file.',
+            ].join(' '))
+            : new Error([
+                `Failed to execute ${api}, Received a MediaError loading "${src}".`,
+                status === null
+                    ? `Browser error message: ${error === null || error === void 0 ? void 0 : error.message}`
+                    : `HTTP Status code of the file: ${status}.`,
+                'Check the path of the file and if it is a valid video.',
+            ]
+                .filter(Boolean)
+                .join(' '));
+        reject(err);
+        cleanup();
+        console.log('404', status);
+    })
+        .catch((e) => {
+        reject(e);
+        cleanup();
+    });
+};
+exports.onMediaError = onMediaError;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/media-utils",
-  "version": "4.0.164",
+  "version": "4.0.166",
   "description": "Utility functions for audio and video",
   "main": "dist/index.js",
   "sideEffects": false,
@@ -13,7 +13,7 @@
     "url": "https://github.com/remotion-dev/remotion/issues"
   },
   "dependencies": {
-    "remotion": "4.0.164"
+    "remotion": "4.0.166"
   },
   "peerDependencies": {
     "react": ">=16.8.0",