Fix native player state when playback is blocked

__TEST__/hyperaudio-lite.test.js

@@ -746,6 +746,24 @@ test("registerPlayer() adds a custom player type (#253)", () => {
   delete hyperaudioPlayerOptions.fake;
 });
 
+test("NativePlayer stays paused when browser playback is rejected (#268)", async () => {
+  const inst = new HyperaudioLite({
+    transcript: "hypertranscript",
+    player: "hyperplayer",
+  });
+  const rejectedPlay = Promise.reject(new DOMException("Autoplay blocked", "NotAllowedError"));
+  rejectedPlay.catch(() => {});
+  const playSpy = jest.spyOn(inst.player, "play").mockReturnValue(rejectedPlay);
+
+  inst.myPlayer.paused = true;
+  inst.myPlayer.play();
+  await Promise.resolve();
+
+  expect(inst.myPlayer.paused).toBe(true);
+
+  playSpy.mockRestore();
+  inst.destroy();
+});
 
 
 

js/hyperaudio-lite.js

@@ -62,8 +62,12 @@ class NativePlayer extends BasePlayer {
   }
 
   play() {
-    this.player.play();
-    this.paused = false;
+    const playPromise = this.player.play();
+    if (playPromise && typeof playPromise.catch === 'function') {
+      playPromise.catch(() => {
+        this.paused = true;
+      });
+    }
   }
 
   pause() {

js/hyperaudio-lite.mjs

@@ -62,8 +62,12 @@ class NativePlayer extends BasePlayer {
   }
 
   play() {
-    this.player.play();
-    this.paused = false;
+    const playPromise = this.player.play();
+    if (playPromise && typeof playPromise.catch === 'function') {
+      playPromise.catch(() => {
+        this.paused = true;
+      });
+    }
   }
 
   pause() {