属性 作用 play() 播放 pause() 暂停 currentTime 时间轴
var btn = document.getElementsByTagName('span');
var audio = new Audio("audio/whatchYourSee.m4a");
var divs = document.getElementsByTagName('div');
//时间轴
audio.addEventListener("timeupdate", show, true);
function show() {
divs[2].style.width = ((audio.currentTime / audio.duration) * 100) + "%";
}
//播放
btn[0].onclick = function () {
audio.play();
};
//暂停
btn[1].onclick = function () {
audio.pause();
};
//停止
btn[2].onclick = function () {
audio.currentTime = 0;
audio.pause();
};
//加速
btn[3].onclick = function () {
audio.currentTime += 5;
};
//重复
btn[4].onclick = function () {
audio.currentTime = 0;
audio.play();
};
//音量
audio.volume = 0.5;
//点击滚动条
function sd(e) {
console.log();
audio.currentTime = audio.duration * (e.offsetX / 500);
divs[2].style.width = ((audio.currentTime / audio.duration) * 100) + "%";
}