Changeset 8d43aa1 in Klonkt for src/assets/js/embed-player.js

Timestamp:

06/20/2026 04:39:28 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

8ab20b6

Parents:

e056e56

Message:

fix(player): prewarm hidden YT player (autoplay within gesture)

The YT player was only created on click (cold) → by the time it was ready
the click gesture had expired → YouTube blocked autoplay (flaky: only worked
if the player happened to be warm). Now embed-player prewarms the player as
soon as an audio-only YT embed/album renders
(pcmsAudioPlayer.prewarmYouTube), so the first click falls within the
gesture. busters audio-player.js?v=26, embed-player.js?v=15.

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

File:

• src/assets/js/embed-player.js (modified) (2 diffs)

src/assets/js/embed-player.js

@@ -243 +243 @@
       const art0 = el.querySelector('.pcms-embed-art');
       if (art0) { art0.style.backgroundImage = `url('${ytThumb}')`; art0.classList.add('has-art'); }
+      // Speler vast aanmaken → eerste klik valt binnen de user-gesture (autoplay).
+      if (window.pcmsAudioPlayer && window.pcmsAudioPlayer.prewarmYouTube) window.pcmsAudioPlayer.prewarmYouTube();
       // Haal de echte titel op (server-proxy, want YT-oEmbed heeft geen CORS) en
       // toon 'm i.p.v. "YouTube".
@@ -445 +447 @@
     countEl.textContent = ids.length + ' track' + (ids.length === 1 ? '' : 's');
     if (coverImg) coverImg.src = thumb(ids[0]);
+    // Speler vast aanmaken → eerste klik valt binnen de user-gesture (autoplay).
+    if (window.pcmsAudioPlayer && window.pcmsAudioPlayer.prewarmYouTube) window.pcmsAudioPlayer.prewarmYouTube();
 
     olEl.innerHTML = ids.map((id, i) =>