Changeset 8ab20b6 in Klonkt

Timestamp:

06/20/2026 04:42:18 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

fef781e

Parents:

8d43aa1

Message:

fix(player): muted start to work around YouTube autoplay block

YouTube blocks unmuted autoplay (track loaded title but stayed at 0:00).
Now the YT player starts MUTED (muted autoplay is always allowed) and
unmutes in onYTState once it is actually playing (unless the user muted it
themselves). buster audio-player.js?v=27.

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

Location:

src

Files:

• assets/js/audio-player.js (modified) (2 diffs)
• views/shell.ejs (modified) (1 diff)

src/assets/js/audio-player.js

@@ -337 +337 @@
     if (s === 1) {
       isPlaying = true; root.classList.add('is-playing'); root.classList.remove('audio-needs-tap');
+      // We startten gedempt (autoplay-policy) → nu 't speelt het geluid terugzetten,
+      // tenzij de gebruiker zelf gedempt heeft.
+      try { if (!audio.muted) { ytPlayer.unMute(); ytPlayer.setVolume(Math.round(audio.volume * 100)); } } catch (e) {}
       mediaRegistry().setActive(registrySelf); startYTTick(); pullYTMeta();
     } else if (s === 2) {
@@ -417 +420 @@
         if (!p) { onLoadError(new Error('YT API niet beschikbaar'), loadSeq); return; }
         try {
+          // Gedempt starten = autoplay is ALTIJD toegestaan (YouTube blokkeert
+          // anders het geluid). onYTState ontdempt zodra 't echt speelt.
+          if (autoplay) { try { p.mute(); } catch (e) {} }
           if (t.ytList) {
             const idx = t.ytIndex || 0;

src/views/shell.ejs

@@ -300 +300 @@
      ?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=26"></script>
+<script src="/assets/js/audio-player.js?v=27"></script>
 <!-- Eigen custom media-embeds (YouTube/SoundCloud/Spotify) via de echte
      player-API's + gedeelde mutual-exclusion registry met de site-speler. -->