如何给HTML网页添加音乐
在HTML网页上添加音乐可以给网页增添生动、活泼的气息，使其更具魅力。本文将介绍如何在HTML网页上添加音乐。
使用HTML5中的audio标签添加音乐
HTML5中的audio标签是可以直接在网页上播放音乐的一种标签，下面是一个简单的例子，用HTML5中的audio标签在网页上播放音乐。
注意： 在使用HTML5的audio标签前，需要确认所要播放的音乐文件是否是浏览器所支持的格式，不同的浏览器支持的音乐格式也不同，常用的音乐格式有MP3、WAV、OGG等。
<audio controls="controls" autoplay="autoplay">
<source src="music.mp3" type="audio/mp3">
</audio>
上面的代码中，controls属性表示显示音乐控件，可以使用户播放、暂停音乐、调节音量和跳转到特定时间部分播放；autoplay属性表示网页加载完毕后自动播放。
使用Javascript添加音乐
另一种在HTML网页上添加音乐的方式是使用JavaScript，JavaScript可以实现更多的音乐播放方式。下面是一个简单的例子，用JavaScript在网页上播放音乐。
<!DOCTYPE html>
<html>
<body>
<button onclick="playAudio()">播放音乐</button>
<audio id="myAudio">
<source src="music.mp3">
</audio>
<script>
function playAudio() {
var x = document.getElementById("myAudio");
x.play();
}
</script>
</body>
</html>
上面的代码中，通过JavaScript代码实现了点击按钮播放音乐的功能，其中play()函数用于播放音乐，getElementById()函数用于获取id="myAudio"的元素，即音频播放器。
在背景中播放音乐
如果想要在网页的背景中播放音乐，可以使用JavaScript创建一个音频对象并设置为自动播放和无限循环，具体实现方法如下：
<!DOCTYPE html>
<html>
<head>
<script>
var myAudio = new Audio('music.mp3');
myAudio.addEventListener('ended', function() {
this.currentTime = 0;
this.play();
}, false);
myAudio.play();
</script>
</head>
<body>
</body>
</html>
上面的代码中，使用了HTML5中的Audio对象，在该对象的播放结束事件中，重置播放时间和播放状态，达到循环播放的效果。
总结
可以使用HTML5中的audio标签添加音乐，也可以使用JavaScript在HTML网页上添加音乐。如果想要背景中播放音乐，可以使用JavaScript创建一个音频对象，并设置为自动播放和无限循环。 添加音乐可以为网页增添生动、活泼的气息，增强用户体验。