今日嘗試在網頁中加入音頻文件，實現在頁面加載時播放，並且可以通過select選擇播放模式，經測試，在常用瀏覽器下均可以順利使用，mark一下，方便以後爲網頁插入背景音樂
demo
<body>
<h2>music player</h2>
<select id="typeSel">
<option value = "sequence">順序播放</option>
<option value = "random">隨機播放</option>
</select>
<audio id="player" controls>
您的瀏覽器不支持audio元素
</audio>
</body>
JavaScript控制播放，給音樂播放結束加一個監聽器，可以根據選擇決定播放順序
<script type="text/javascript">
var musics=[
"a.ogg",
"b.ogg",
"c.ogg",
"d.ogg",
"e.ogg",
];
var index = 0;
var playType;
var player;
window.onload = function(){
var typeSel = document.getElementById("typeSel");
typeSel.onchange = function(){
window.playType = typeSel.value;
}
player = document.getElementById("player");
player.src = musics[index];
player.onended = function(){
if(playType == "random"){
index = Math.floor(Math.random()*musics.length);
player.src = musics[index];
}else{
player.src = musics[++index % musics.length];
}
player.play();
}
}
</script>
附上Firefox效果圖
順帶說一下音頻文件格式問題，支持audio最適合的爲.ogg，測試效果音質不錯，粘上度孃的解釋
Ogg全稱應該是OGGVobis(oggVorbis)是一種新的音頻壓縮格式，類似於MP3等的音樂格式。Ogg是完全免費、開放和沒有專利限制的。OggVorbis文件的擴展名是".ogg"。Ogg文件格式可以不斷地進行大小和音質的改良，而不影響舊有的編碼器或播放器。
