Changeset d352b63 in Klonkt

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@…>

Location:

src

Files:

• assets/js/audio-player.js (modified) (1 diff)
• views/shell.ejs (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.
   //

src/views/shell.ejs

@@ -309 +309 @@
      ?v=N — cache-buster: bump bij elke audio-player.js wijziging zodat
      Cloudflare (max-age=1y) niet de oude versie blijft serveren. -->
-<script src="/assets/js/audio-player.js?v=11"></script>
+<script src="/assets/js/audio-player.js?v=12"></script>
 <% if (site && site.enable_audio_player && audioTracks && audioTracks.length > 0) { %>
   <script>window.PCMS_SITE_TRACKS = <%- JSON.stringify(audioTracks) %>;</script>