🐞 fix: 修复播放暂停控制问题 后续优化为参数监听

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();
     }
   },
 );

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;
   }
 };

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;
   }

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 计算属性

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;