个人blog,欢迎关注加收藏
获取Audio音频的实时时间
项目:H5绣红旗
//监听音乐实时播放的时间
watchMusicTime(){
let _this = this;
//监听播放时间
let musicDom = document.getElementsByTagName('audio')[0];//获取Audio的DOM节点
//使用事件监听方式捕捉事件
musicDom.addEventListener("timeupdate",function(){//监听音频播放的实时时间事件
let timeDisplay;
//用秒数来显示当前播放进度
timeDisplay = Math.floor(musicDom.currentTime);//获取实时时间
// console.log(timeDisplay)
//处理时间
//分钟
let minute = timeDisplay / 60;
let minutes = parseInt(minute);
if (minutes < 10) {
minutes = "0" + minutes;
}
//秒
let second = timeDisplay % 60;
let seconds = Math.round(second);
if (seconds < 10) {
seconds = "0" + seconds;
}
_this.$store.state.realMusicTime = minutes+":"+seconds;//将实时时间存储到vuex中
// console.log(_this.$store.state.realMusicTime);
},false);
}