html网页简单按钮控制背景音乐播放代码
时间: 2023-06-06 13:07:53 浏览: 745
以下是一个简单的 HTML 网页按钮控制背景音乐播放的代码:
<!DOCTYPE html>
<html>
<head>
<title>背景音乐控制按钮</title>
<script>
var audio = new Audio('music.mp3'); // 音乐文件路径
function playMusic() {
audio.play();
}
function pauseMusic() {
audio.pause();
}
</script>
</head>
<body>
<button onclick="playMusic()">播放音乐</button>
<button onclick="pauseMusic()">暂停音乐</button>
</body>
</html>
其中,music.mp3
为音乐文件的路径,请根据实际情况进行修改。按钮分别调用 playMusic()
和 pauseMusic()
函数分别实现播放和暂停功能。
相关问题
html网页简单按钮控制背景音乐播放并且反复播放代码
好的,以下是 html 网页简单按钮控制背景音乐反复播放的代码:
<audio id="bgm" autoplay loop>
<source src="bgm.mp3">
</audio>
<button onclick="playPause()">播放/暂停</button>
<script>
function playPause() {
var bgm = document.getElementById("bgm");
if (bgm.paused) {
bgm.play();
} else {
bgm.pause();
}
}
</script>
希望能对您有帮助。
html背景音乐循环播放代码
你可以使用HTML5的audio标签来实现背景音乐循环播放,以下是示例代码:
<audio src="bgmusic.mp3" autoplay loop></audio>
在上面的代码中,src
属性指定了背景音乐的路径,autoplay
属性让音乐在页面加载时自动播放,loop
属性则指定了循环播放。
你也可以通过JavaScript来控制音乐的播放和暂停,以下是示例代码:
<audio id="bgmusic" src="bgmusic.mp3" loop></audio>
<button onclick="document.getElementById('bgmusic').play()">播放</button>
<button onclick="document.getElementById('bgmusic').pause()">暂停</button>
在上面的代码中,id
属性为bgmusic
的audio
元素可以通过play()
和pause()
方法来控制音乐的播放和暂停,按钮的点击事件分别调用了这两个方法。