feat: 优化播放条和mv播放时没有暂停音乐的问题

This commit is contained in:
algerkong
2023-12-27 21:05:25 +08:00
parent 62d414d659
commit a504b914fe
5 changed files with 58 additions and 39 deletions
+2 -36
View File
@@ -131,41 +131,6 @@ watch(
},
{ immediate: true }
)
// 获取音乐播放Dom
onMounted(() => {
// 监听音乐是否播放
watch(
() => play.value,
(value, oldValue) => {
if (value && audio.value) {
audioPlay()
onAudio()
} else {
audioPause()
}
}
)
// 抬起键盘按钮监听
document.onkeyup = (e) => {
switch (e.code) {
case 'Space':
playMusicEvent()
}
}
// 按下键盘按钮监听
document.onkeydown = (e) => {
switch (e.code) {
case 'Space':
return false
}
}
})
const audioPlay = () => {
if (audio.value) {
@@ -179,7 +144,6 @@ const audioPause = () => {
}
}
// 计算属性 获取当前播放时间的进度
const timeSlider = computed({
get: () => (nowTime.value / allTime.value) * 100,
@@ -227,6 +191,8 @@ const onAudio = () => {
}
}
onAudio()
function handleEnded() {
store.commit('nextPlay')
}