zm/nuttyreading-html
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

被听书组件打断时，设置播放icon状态

Browse Source
This commit is contained in:
yanwenlong
2023-11-01 20:47:25 +08:00
parent 8043abbd12
commit 52e17d42b2
1 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
pages/talkBook/talkBookDetail.vue
View File

@@ -103,9 +103,12 @@
this.getTalkBookDetail() this.getTalkBookDetail()
}, },
onHide() { onHide() {
// console.log('onHide----',this.paused)
this.audio.pause() // 暂停播放 this.audio.pause() // 暂停播放
this.paused = false
}, },
onUnload() { onUnload() {
// console.log('onUnload----',this.paused)
this.audio.destroy() // 销毁播放器 this.audio.destroy() // 销毁播放器
}, },
computed: { computed: {
@@ -121,6 +124,10 @@
this.duration = this.audio.duration.toFixed() this.duration = this.audio.duration.toFixed()
this.currentTime = this.audio.currentTime.toFixed() this.currentTime = this.audio.currentTime.toFixed()
}) })
this.audio.onPause(()=>{ // 用于被听书组件打断时，设置播放icon状态
this.paused = false
// console.log('onPause----------',this.paused)
})
this.paused = this.audio.paused this.paused = this.audio.paused
// console.log('paused',this.paused) // console.log('paused',this.paused)
if(this.paused){ if(this.paused){