From 9d9c3a3ed56f12e87f1e5c2089579c3cbb29b73a Mon Sep 17 00:00:00 2001
From: Astrian Zheng <happy.wheel6743@astrian.moe>
Date: Sun, 25 May 2025 08:31:25 +1000
Subject: [PATCH] =?UTF-8?q?fix(=E6=92=AD=E6=94=BE=E5=99=A8):=20=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D=E6=92=AD=E6=94=BE=E9=98=9F=E5=88=97=E5=92=8C=E7=BC=93?=
 =?UTF-8?q?=E5=86=B2=E7=8A=B6=E6=80=81=E7=9A=84=E5=A4=84=E7=90=86=E9=80=BB?=
 =?UTF-8?q?=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

修复播放队列在到达底部时的暂停逻辑，并确保缓冲状态在播放时正确更新。调整了音频元素的自动播放逻辑，使其与播放状态同步。
---
 src/components/Player.vue | 10 +++++++---
 src/pages/AlbumDetail.vue |  1 +
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/Player.vue b/src/components/Player.vue
index 739cd11..ccd40a7 100644
--- a/src/components/Player.vue
+++ b/src/components/Player.vue
@@ -44,8 +44,10 @@ function setMetadata() {
 
 function playNext() {
 	if (playQueueStore.currentIndex === playQueueStore.list.length - 1) {
+		console.log("at the bottom, pause")
 		playQueueStore.currentIndex = 0
 		player.value?.pause()
+		playQueueStore.isPlaying = false
 	} else {
 		playQueueStore.currentIndex++
 		player.value?.play()
@@ -66,9 +68,11 @@ function playPrevious() {
 	<div>
 		<audio
 			:src="playQueueStore.list[playQueueStore.currentIndex] ? playQueueStore.list[playQueueStore.currentIndex].song.sourceUrl : ''"
-			ref="playerRef" autoplay v-if="playQueueStore.list.length !== 0" @ended="playNext"
-			@pause="playQueueStore.isPlaying = false" @play="playQueueStore.isPlaying = true"
-			@playing="playQueueStore.isBuffering = false" @waiting="playQueueStore.isBuffering = true">
+			ref="playerRef" :autoplay="playQueueStore.isPlaying" v-if="playQueueStore.list.length !== 0" @ended="playNext"
+			@pause="playQueueStore.isPlaying = false" @play="playQueueStore.isPlaying = true" @playing="() => {
+				playQueueStore.isBuffering = false
+				setMetadata()
+			}" @waiting="playQueueStore.isBuffering = true">
 		</audio>
 
 		<div
diff --git a/src/pages/AlbumDetail.vue b/src/pages/AlbumDetail.vue
index 0df7ae1..7ad7a14 100644
--- a/src/pages/AlbumDetail.vue
+++ b/src/pages/AlbumDetail.vue
@@ -48,6 +48,7 @@ function playTheAlbum() {
 	playQueue.list = newPlayQueue
 	playQueue.currentIndex = 0
 	playQueue.isPlaying = true
+	playQueue.isBuffering = true
 }
 </script>