HTML中的音頻標簽
首先需要使用controls屬性,這樣音頻標簽就會出現默認的播放器控制條,如下代碼所示:
<audio controls> <source src="audio.mp3" type="audio/mpeg"> </audio>
如果要循環播放,只需要加上loop屬性即可:
<audio controls loop> <source src="audio.mp3" type="audio/mpeg"> </audio>
這樣,音頻文件就可以循環播放了。
如果想要控制循環播放的次數,可以使用JavaScript來實現。例如,下面的代碼可以讓音頻文件循環播放三次:
<audio controls id="audio"> <source src="audio.mp3" type="audio/mpeg"> </audio>
其中,ended事件會在音頻播放結束時觸發,我們可以在事件處理程序中將currentTime重置為0,然后判斷是否播放了三次,如果是則暫停播放,否則繼續播放。