这是一个很容易的方法你值得试试！
下面是源码，只是很简单的。你值得拥有！
<html>
<body style="backgroundcolor:red">
<big><p>我的背景音乐</p> </ big>
<embed src="音乐.mp3" autostart="true">
</body>
</html>
这个源码的意思是：如果一个人打开这个页面的话，指定的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是所有编程的基础嘛，你值得学习！可能在以后你会有更多的需求，满足自己的生活！
而且编程是一个很需要耐心和责任心的过程，更需要你的细心！一个错误都会导致许多连续性的问题！
实现控制网站背景音乐的播放暂停在html5中是非常容易和简单的，仅仅几行代码即可实现。 首先在网页中嵌入背景音乐，html5代码为： 通过audio的id即可控制音乐的播放（play()）和暂停（pause()），同时通过改变class改变按钮的背景图片，js代码为...
如果使用audio自带的控制按钮，JS代码无法控制它的播放和暂停。需要添加自己的播放按钮和暂停按钮，然后在js代码中控制audio的播放和暂停，利用计时器定时增加或减少音量。
以下是我亲自测试过可以达到你要的效果的代码，细节需要你调整定时器的时间间隔和每次音量改变幅度。
下面是HTML部分的写法
<body><audio id="player" src="这里是你要播放的音乐.mp3"></audio>
<button type="button" onclick="fadeIn()">播放</button>
<button type="button" onclick="fadeOut()">暂停</button>
</body>
下面是JS部分的写法
function fadeOut(){var player=document.getElementById("player")
var vol=player.volume
var t=setInterval(function(){
vol-=0.01
if(vol>0){
player.volume=vol
}else{
clearInterval(t)
player.pause()
}
},100)
}
function fadeIn(){
var player=document.getElementById("player")
var defaultVol=player.volume
player.volume=0
var vol=0
player.play()
var t=setInterval(function(){
vol+=0.01
if(vol<=defaultVol){
player.volume=vol
}else{
clearInterval(t)
}
},100)
}
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）