要在网页中添加背景音乐，你可以使用HTML和JavaScript。首先，在HTML文件中加入以下代码：
<audio id="bgm" src="音乐文件路径" loop="loop"></audio>
其中，src属性指定了音乐文件的路径，loop属性设置为"loop"可以让音乐循环播放。
接着，你需要通过JavaScript来控制音乐的播放。在标签中加入以下代码：
<script>
function playBGM() {
var bgm = document.getElementById("bgm");
bgm.play();
}
</script>
然后，在标签中加入以下代码：
<body onload="playBGM()">
这样，当页面加载时，背景音乐就会自动播放。
如果你想让音乐在页面加载时静音，可以修改JavaScript代码如下：
<script>
function playBGM() {
var bgm = document.getElementById("bgm");
bgm.play();
bgm.muted = true;
}
</script>
这样，音乐将保持静音状态，直到用户主动取消静音。
需要注意的是，不同浏览器对音频的支持程度不同。为了确保兼容性，建议使用现代浏览器，并在代码中添加错误处理机制。例如：
<script>
function playBGM() {
var bgm = document.getElementById("bgm");
if (bgm) {
bgm.play().catch(error => {
console.error("播放音乐时发生错误:", error);
});
bgm.muted = true;
}
}
</script>
以上就是如何在网页中添加背景音乐的方法。通过合理设置音频文件的路径和控制音乐的播放，你可以为网站增添一份独特的听觉体验。
下载本文
