Fix stream player autoplay: handle blocked play() promise

window.open() doesn't transfer the user gesture to the new tab, so autoplay
is blocked. Previously play().catch(()=>{}) swallowed the error silently while
setting playing=true, leaving the UI in a broken state.

Now: if play() rejects, reset state and show "Click Play to start". The user's
click on the Play button IS a user gesture, so it succeeds on the second attempt.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

templates/radio/stream_player.html

@@ -118,11 +118,10 @@
     function startPlay() {
       audio.src = streamUrl;
       setVol(parseInt(slider.value, 10));
-      audio.play().catch(() => {});
+      audio.play().then(() => {
         playing = true;
         playBtn.innerHTML = '▮▮ Stop';
 
-      // SSE metadata
         if (sse) sse.close();
         sse = new EventSource('/radio/sse/?url=' + encodeURIComponent(streamUrl));
         sse.onmessage = e => {
@@ -134,6 +133,13 @@
             }
           } catch (_) {}
         };
+      }).catch(() => {
+        // Autoplay blocked — reset state, prompt user to click
+        playing = false;
+        audio.src = '';
+        playBtn.innerHTML = '▶ Play';
+        document.getElementById('track-name').textContent = 'Click Play to start';
+      });
     }
 
     function stopPlay() {