global player pt. 6 attempt to skip tracks

src/lib/components/GlobalPlayer.svelte

@@ -61,13 +61,11 @@
 		pause: () => audioEl?.pause(),
 		next: () => {
 			next();
-			syncAudioToCurrentTrack();
+			void syncAndAutoplay();
-			void audioEl?.play();
 		},
 		prev: () => {
 			prev(currentTime);
-			syncAudioToCurrentTrack();
+			void syncAndAutoplay();
-			void audioEl?.play();
 		},
 		seekTo: (t) => {
 			if (!audioEl) return;
@@ -97,6 +95,35 @@
 		audioEl.volume = snap.volume;
 	}
 
+	async function syncAndAutoplay() {
+		if (!audioEl) return;
+
+		syncAudioToCurrentTrack();
+
+		// If the source changed, playback may not start immediately on some browsers
+		// until we wait for the new media to be ready.
+		if (audioEl.readyState < 2) {
+			await new Promise<void>((resolve) => {
+				const el = audioEl;
+				if (!el) {
+					resolve();
+					return;
+				}
+				const onCanPlay = () => {
+					el.removeEventListener("canplay", onCanPlay);
+					resolve();
+				};
+				el.addEventListener("canplay", onCanPlay, { once: true });
+			});
+		}
+
+		try {
+			await audioEl.play();
+		} catch {
+			// Autoplay may be blocked; user gesture will still allow manual play.
+		}
+	}
+
 	function onAudioPlay() {
 		isPlaying = true;
 		media.setPlaybackState("playing");
@@ -125,8 +152,7 @@
 	}
 	function onAudioEnded() {
 		next();
-		syncAudioToCurrentTrack();
+		void syncAndAutoplay();
-		if (snap.currentTrack) void audioEl?.play();
 	}
 
 	function formatTime(seconds: number) {
@@ -222,8 +248,7 @@
 				disabled={!canPrev}
 				onclick={() => {
 					prev(currentTime);
-					syncAudioToCurrentTrack();
+					void syncAndAutoplay();
-					void audioEl?.play();
 				}}
 			>
 				Prev
@@ -248,8 +273,7 @@
 				disabled={!canNext}
 				onclick={() => {
 					next();
-					syncAudioToCurrentTrack();
+					void syncAndAutoplay();
-					void audioEl?.play();
 				}}
 			>
 				Next
@@ -307,8 +331,7 @@
 											type="button"
 											onclick={() => {
 												jumpToTrack(t.id);
-												syncAudioToCurrentTrack();
+												void syncAndAutoplay();
-												void audioEl?.play();
 											}}
 										>
 											{#if snap.currentIndex === i}
@@ -387,8 +410,7 @@
 							disabled={!canPrev}
 							onclick={() => {
 								prev(currentTime);
-								syncAudioToCurrentTrack();
+								void syncAndAutoplay();
-								void audioEl?.play();
 							}}
 						>
 							Prev
@@ -413,8 +435,7 @@
 							disabled={!canNext}
 							onclick={() => {
 								next();
-								syncAudioToCurrentTrack();
+								void syncAndAutoplay();
-								void audioEl?.play();
 							}}
 						>
 							Next
@@ -455,8 +476,7 @@
 										type="button"
 										onclick={() => {
 											jumpToTrack(t.id);
-											syncAudioToCurrentTrack();
+											void syncAndAutoplay();
-											void audioEl?.play();
 										}}
 									>
 										{#if snap.currentIndex === i}