Cover art thumbnails

library scan creates thumbnails, cover grid component defaults to thumbnail if available.
2026-02-14 15:25:12 -05:00
parent 7579a768be
commit 38f3abbd3e
9 changed files with 213 additions and 17 deletions
@@ -85,7 +85,16 @@ export class NowPlaying extends LitElement {
      <div class="now-playing">
        <div class="cover-art">
          ${track.coverArt
-            ? html`<img src="${track.coverArt}" alt="Album cover" />`
+            ? html`<img
+                src="${track.coverArtThumbnail || track.coverArt}"
+                alt="Album cover"
+                @error=${(e: Event) => {
+                    const img = e.target as HTMLImageElement;
+                    if (track.coverArt && img.src !== track.coverArt) {
+                        img.src = track.coverArt;
+                    }
+                }}
+              />`
            : html`<div class="cover-placeholder"><wa-icon name="music"></wa-icon></div>`}
        </div>
        <div class="track-info">