关于Audio标签的属性

currentTime

用来获取或控制当前播放的时间,单位为s。

1
2
3
4
5
6
7
8
9
10
11
12
13
// 点击进度条控制播放进度
progressBar.addEventListener('click',function(e){
let x = e.offsetX;
let w = progressBar.offsetWidth;
let s = mp3.duration;
let v = x/w*100;
let vl = s*v/100;
mp3.currentTime= vl;
})

// 谷歌浏览器本地运行时没事
// 在Node服务环境下 在谷歌浏览器运行时控制进度条会把 currentTime清0 导致音乐重新播放
// 然而在火狐下能够正常运行