varposX=ev.clientX;

vartargetLeft=$(this).offset().left;

varpercentage=(posX-targetLeft)/400100;

myAudio.currentTime=myAudio.duration*percentage/100;

});

functionpresent(){

varlength=myAudio.currentTime/myAudio.duration100;

$('.progressbar').width(length+'%');//設(shè)置進度條長度

//自動下一曲

if(myAudio.currentTime==myAudio.duration){

getmusic()

}

}

html5中audio標簽本身提供進度條功能，以及音量控制功能的，這里我為了界面的好看自己設(shè)置了進度條，音量控制還沒有加，大家可以自行添加。

感謝各位的閱讀，以上就是“HTML怎么制作一個簡潔的音樂播放器”的內(nèi)容了，經(jīng)過本文的學(xué)習后，相信大家對HTML怎么制作一個簡潔的音樂播放器這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！