From 7365daf70069bb058b68443a65fde886ff1c0340 Mon Sep 17 00:00:00 2001
From: alger <algerkc@qq.com>
Date: Thu, 12 Dec 2024 22:36:07 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9E=20fix:=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E6=92=AD=E6=94=BE=E6=9A=82=E5=81=9C=E6=8E=A7=E5=88=B6=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=20=E5=90=8E=E7=BB=AD=E4=BC=98=E5=8C=96=E4=B8=BA?=
 =?UTF-8?q?=E5=8F=82=E6=95=B0=E7=9B=91=E5=90=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/PlayVideo.vue  | 3 +++
 src/components/common/SearchItem.vue | 2 ++
 src/components/common/SongItem.vue   | 3 +++
 src/layout/components/PlayBar.vue    | 1 -
 src/views/mv/index.vue               | 2 ++
 5 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/common/PlayVideo.vue b/src/components/common/PlayVideo.vue
index 210195f..64def31 100644
--- a/src/components/common/PlayVideo.vue
+++ b/src/components/common/PlayVideo.vue
@@ -15,6 +15,8 @@
 <script setup lang="ts">
 import { useStore } from 'vuex';
 
+import { audioService } from '@/services/audioService';
+
 const props = defineProps<{
   show: boolean;
   title: string;
@@ -29,6 +31,7 @@ watch(
     if (val) {
       store.commit('setIsPlay', false);
       store.commit('setPlayMusic', false);
+      audioService.getCurrentSound()?.pause();
     }
   },
 );
diff --git a/src/components/common/SearchItem.vue b/src/components/common/SearchItem.vue
index 9b423a1..f0df785 100644
--- a/src/components/common/SearchItem.vue
+++ b/src/components/common/SearchItem.vue
@@ -27,6 +27,7 @@ import { useStore } from 'vuex';
 
 import { getAlbum, getListDetail } from '@/api/list';
 import MvPlayer from '@/components/MvPlayer.vue';
+import { audioService } from '@/services/audioService';
 import { IMvItem } from '@/type/mv';
 import { getImgUrl } from '@/utils';
 
@@ -75,6 +76,7 @@ const handleClick = async () => {
   if (props.item.type === 'mv') {
     store.commit('setIsPlay', false);
     store.commit('setPlayMusic', false);
+    audioService.getCurrentSound()?.pause();
     showPop.value = true;
   }
 };
diff --git a/src/components/common/SongItem.vue b/src/components/common/SongItem.vue
index becfee6..0b6ad31 100644
--- a/src/components/common/SongItem.vue
+++ b/src/components/common/SongItem.vue
@@ -54,6 +54,7 @@
 import { computed, useTemplateRef } from 'vue';
 import { useStore } from 'vuex';
 
+import { audioService } from '@/services/audioService';
 import type { SongResult } from '@/type/music';
 import { getImgUrl } from '@/utils';
 import { getImageBackground } from '@/utils/linearColor';
@@ -105,8 +106,10 @@ const playMusicEvent = async (item: SongResult) => {
   if (playMusic.value.id === item.id) {
     if (play.value) {
       store.commit('setPlayMusic', false);
+      audioService.getCurrentSound()?.pause();
     } else {
       store.commit('setPlayMusic', true);
+      audioService.getCurrentSound()?.play();
     }
     return;
   }
diff --git a/src/layout/components/PlayBar.vue b/src/layout/components/PlayBar.vue
index 037cd16..0f143ab 100644
--- a/src/layout/components/PlayBar.vue
+++ b/src/layout/components/PlayBar.vue
@@ -140,7 +140,6 @@ watch(
 const throttledSeek = useThrottleFn((value: number) => {
   if (!sound.value) return;
   sound.value.seek((value * allTime.value) / 100);
-  store.commit('setPlayMusic', true);
 }, 50); // 50ms 的节流延迟
 
 // 修改 timeSlider 计算属性
diff --git a/src/views/mv/index.vue b/src/views/mv/index.vue
index ada2cf3..3bf7e72 100644
--- a/src/views/mv/index.vue
+++ b/src/views/mv/index.vue
@@ -43,6 +43,7 @@ import { useStore } from 'vuex';
 
 import { getTopMv } from '@/api/mv';
 import MvPlayer from '@/components/MvPlayer.vue';
+import { audioService } from '@/services/audioService';
 import { IMvItem } from '@/type/mv';
 import { formatNumber, getImgUrl, setAnimationClass, setAnimationDelay } from '@/utils';
 
@@ -73,6 +74,7 @@ onMounted(async () => {
 const handleShowMv = async (item: IMvItem, index: number) => {
   store.commit('setIsPlay', false);
   store.commit('setPlayMusic', false);
+  audioService.getCurrentSound()?.pause();
   showMv.value = true;
   currentIndex.value = index;
   playMvItem.value = item;