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

Timestamp:

06/20/2026 04:03:58 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

b56afa7

Parents:

9e6b54f

Message:

fix(embed): bar-free square cover for YouTube audio

hqdefault is 4:3 with baked-in black bars → doesn't fill a square cover.
Now mqdefault (16:9, no bars) as the direct cover, and async upgrade to the
sharp maxresdefault (also no bars) when available. Applies to the launcher
card and the mini/sheet cover. busters audio-player.js?v=22,
embed-player.js?v=10.

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

File:

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

src/assets/js/audio-player.js

@@ -924 +924 @@
       postUrl: opts.postUrl || '',
     }], 0);
+    // Upgrade de cover async naar de scherpe maxresdefault (ook 16:9, geen balken)
+    // als die bestaat. Async → de user-gesture voor afspelen blijft intact; de
+    // direct gezette mqdefault toont al meteen een balkloze cover.
+    try {
+      const maxres = 'https://i.ytimg.com/vi/' + opts.id + '/maxresdefault.jpg';
+      const im = new Image();
+      im.onload = () => {
+        if (im.naturalWidth <= 120) return;  // 120x90 = YouTube-placeholder (geen maxres)
+        const t = queue[currentIndex];
+        if (t && t.yt === opts.id) { t.cover = maxres; setCoverImage(cover, maxres); setCoverImage(sheetCover, maxres); }
+      };
+      im.src = maxres;
+    } catch (e) {}
   }