Merge pull request #6 from esdete2/4-fix-audio-loaded-event

Fix: set preload attribute of audio to `metadata` to fix loading in safari
esdete2 · Jun 1, 2024 · 2099d6a · 2099d6a
2 parents 485e4e3 + eff10bd
commit 2099d6a
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/Mirt.tsx b/src/Mirt.tsx
@@ -80,8 +80,11 @@ const Mirt = ({
     }
 
     if (file && file.type.startsWith('audio')) {
-      const source = URL.createObjectURL(file);
-      setAudio(new Audio(source));
+      const audio = new Audio();
+      audio.preload = 'metadata';
+      audio.src = URL.createObjectURL(file);
+
+      setAudio(audio);
     } else {
       onError && onError(new Error('Invalid file type'));
     }
@@ -185,7 +188,7 @@ const Mirt = ({
       onAudioLoaded(audio);
     }
 
-    audio.removeEventListener('canplaythrough', handleLoadedAudio);
+    audio.removeEventListener('loadedmetadata', handleLoadedAudio);
     setInitialValues();
   };