Question

html5怎么设置多首背景音乐？

Answer 1

这是一个很容易的方式，利用脚本在html5中完美运行！

下面是源码，只是很简单的。你值得拥有！

<script src="http:/baidu.com/jquery.js"></script>

<a class="mscBtn" id="audioBtn" title='最幸福的人' style="cursor:pointer;">

</a>

<audio id="bgMusic" src="http://baidu.com/zuixingfuderen.mp3" autoplay="autoplay"></audio>

这个源码的意思是：如果一个人打开这个页面的话，指定的mp3就会自己缓冲播放出来；一直整个音乐都放完了，音乐才会停止播放播放。你若想让因为一直无限播放，那么你就可以embed中添加loop代码，loop可以决定目前的音乐可以无线播放否，true的意思是循环播放，false说明播放一次就行会马上停止，不会再有第二遍的！这个代码是很特殊的，你需要很认真的才可以把他弄明白！

<embed src="bgsound.mp3" autostart="true" loop="true"> 

 同时，可以自己来控制宽度和高度，以及一些美关的问题吧，这些问题是很有重要的问题，它可能会影响你整个画面，或许你里面有错误更可能会影响整个页面的运行！你需要一个很谨慎的态度去审核代码！

<embed src="我的音乐.mp3" autostart="true" width="400" height="20">  大多数浏览器都会打破这个布局，一般的浏览器都只是会让更美观的体现给用户，但是呢我们有很好的方法使用hidden来不让浏览器识别出来，如果只是想让音乐在后台慢慢播放那么就用下面的代码！

<embed src="我的音乐.mp3" autostart="true" loop="true" hidden="true">  

如果你想更加深入的了解，那么去学习html就是很不错的选择，所有的网页都是通过html来实现的，之少html是所有编程的基础嘛，你值得学习！可能在以后你会有更多的需求，满足自己的生活！

而且编程是一个很需要耐心和责任心的过程，更需要你的细心！一个错误都会导致许多连续性的问题！

Answer 2

html5设置多首音乐循环播放

<div id="audioBox"></div>

<script type="text/javascript">

window.onload = function(){

var myAudio = new Audio();

myAudio.preload = true;

myAudio.controls = true;

myAudio.src = "1.mp3";

myAudio.playbackRate=3;//快进3

myAudio.play();

var t=0;

var tt = setInterval(function(){

t++;

if (t==1)

{

myAudio.playbackRate=1;//恢复正常播放

}

else if (t>7)

{

myAudio.playbackRate=100;//快进，达到尽快结束

clearInterval(tt);

}

},1000);//这里设短了又不起效果

document.getElementById("audioBox").appendChild(myAudio);

myAudio.loop = false;//禁止循环

}

</script>