本文主要讲到audio标签和touch事件
1.audio标签
<audio :src="currentSong.urt"><audio>//现在正在播放的音乐
播放：
this.$nextTick(()=>{this.$refs.audio.play()})原生paly方法播放音乐，nextTick确保在audio的src加载完之后再播放。
暂停：this.$refs.audio.pause()//也需要nextTick lyric
歌词：base64解析成字符串（js-base64，decode方法）base64.decode（lyric），lyric-parse按时间滚动
进度控制：触发timeupdate事件，在歌曲播放时间变化的时候，@timeupdate=”uptime“
uptime（event）{
this.currentTime = event.taget.currentTime
}
this.$refs.audio.duration//最大时长
canplay=“ready”有个canplay事件，直到歌曲加载完，触发ready事件。
error=“error‘有个error事件，歌曲发生错误，触发error事件
网友评论