今日尝试在网页中加入音频文件，实现在页面加载时播放，并且可以通过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文件格式可以不断地进行大小和音质的改良，而不影响旧有的编码器或播放器。
