gfsd

2026-09-13 21:55:23 +02:00
parent 399f2be456
commit ba5bc18b98
32 changed files with 1739 additions and 270 deletions
@@ -133,9 +133,34 @@ class v0ck {
        window.f0ckDebug("[v0ck] Player initialized for", tagName);
      }

-      if (tagName === "audio" && elem.hasAttribute('poster')) { // set cover
-        const player = elem.closest('.v0ck') || document.querySelector('.v0ck');
-        if (player) player.style.backgroundImage = `url('${elem.getAttribute('poster')}')`;
+      if (tagName === "audio") {
+        const poster = elem.getAttribute('poster');
+        const player = elem.closest('.v0ck') || elem.parentElement;
+        const isFallback = !poster || poster === '/s/img/200.gif' || poster.includes('audio.webp') || poster.includes('music.webp');
+        if (player) {
+          let ph = player.querySelector(':scope > .sidebar-media-placeholder.audio');
+          if (!ph) {
+            ph = document.createElement('div');
+            ph.className = 'sidebar-media-placeholder audio';
+            ph.innerHTML = '<div class="audio-cover-circle"></div><i class="fa-solid fa-music"></i>';
+            player.prepend(ph);
+          }
+          let coverCircle = ph.querySelector('.audio-cover-circle');
+          if (!coverCircle) {
+            coverCircle = document.createElement('div');
+            coverCircle.className = 'audio-cover-circle';
+            ph.insertBefore(coverCircle, ph.firstChild);
+          }
+          player.style.backgroundImage = 'none';
+          player.style.backgroundColor = 'transparent';
+          if (!isFallback) {
+            coverCircle.style.backgroundImage = `url('${poster}')`;
+            ph.classList.add('has-cover');
+          } else {
+            coverCircle.style.backgroundImage = 'none';
+            ph.classList.remove('has-cover');
+          }
+        }
      }
    }
    else