Add stall recovery

ReflectsLight · Oct 13, 2023 · 4615db4 · 4615db4
1 parent 5051284
commit 4615db4
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/js/components/AudioControl.tsx b/src/js/components/AudioControl.tsx
@@ -28,10 +28,16 @@ export function AudioControl({
   const audio = useMemo(() => new Audio(), []);
   const turnOnSound = () => setSoundOn(true);
   const turnOffSound = () => setSoundOn(false);
+  const recover = () => {
+    if (!soundOn) return;
+    onStall();
+    audio.play()
+         .catch(() => setTimeout(recover, 1000));
+  };
 
   useEffect(() => {
     audio.addEventListener("ended", () => onEnd(turnOffSound));
-    audio.addEventListener("stalled", onStall);
+    audio.addEventListener("stalled", recover);
     audio.addEventListener("waiting", onStall);
     audio.addEventListener("play", onPlay);
     audio.addEventListener("playing", onPlaying);