From be73f717ac0313e43d421df853c85ed527186862 Mon Sep 17 00:00:00 2001
From: Honey <me_honeyy@proton.me>
Date: Fri, 26 Jun 2026 21:50:06 +0200
Subject: [PATCH] Revert "experiment(web): drop separate preload <audio>
 element (single-element like Navidrome)"

This reverts commit f252586398a8b132e4abdb1fd81b53c5d6287c2a.
---
 src/player/player.js | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/player/player.js b/src/player/player.js
index 3dcee40..8e59d07 100644
--- a/src/player/player.js
+++ b/src/player/player.js
@@ -293,11 +293,14 @@ function _preloadNext() {
   const ni = _nextIdx();
   if(ni < 0) return;
   const next = S.queue[ni];
-  if(!next) return;
-  // (b) EXPERIMENT — no separate preload <audio> element. Navidrome's player keeps a single
-  // element only; a second buffering media element appears to make Chromium flip the OS media
-  // session on skip (Windows tile flicker). We rely on the main element's preload="auto" + the
-  // browser HTTP cache instead, and just warm the next cover art. Easy to revert if it doesn't help.
+  if(!next || _preId === next.id) return;
+  _preId  = next.id;
+  _preUrl = streamUrl(next.id);
+  // Real Audio preload — actually buffers the stream so canplay fires instantly
+  if(_preAudio) { _preAudio.src = ''; _preAudio = null; }
+  _preAudio = new Audio();
+  _preAudio.preload = 'auto';
+  _preAudio.src = _preUrl;
   if(next.coverArt) {
     [256, 512, 1024].forEach(size => {
       const img = new Image();