Changeset d352b63 in Klonkt for src/assets/js/audio-player.js

Timestamp:

06/15/2026 01:51:37 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

650b601

Parents:

1907a18

Message:

feat: site player pauses when an embedded video/audio starts playing

No more double audio: when an embed iframe (.folio-embed, e.g.
YouTube/Vimeo/SoundCloud/Spotify) is clicked and gets focus -> window 'blur';
if the site player is playing, we pause it. audio-player.js v=11->v=12.

Co-Authored-By: Claude <noreply@…>

File:

• src/assets/js/audio-player.js (modified) (1 diff)

src/assets/js/audio-player.js

@@ -547 +547 @@
   });
 
+  // Geen dubbel geluid: zodra de gebruiker een ingesloten video/audio aanklikt
+  // (YouTube/Vimeo/SoundCloud/Spotify-iframe in een .folio-embed) gaat de focus
+  // naar dat iframe -> window 'blur'. Speelt onze speler dan? Pauzeer 'm.
+  window.addEventListener('blur', () => {
+    setTimeout(() => {
+      const el = document.activeElement;
+      if (el && el.tagName === 'IFRAME' && el.closest('.folio-embed') && audio.src && !audio.paused) {
+        pause();
+      }
+    }, 0);
+  });
+
   // Drag-down-to-close on touch devices.
   //