HTML5+JS音頻播放器代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>音頻播放器</title>
<style>
audio {
width: 300px;
height: 50px;
margin: 20px 0;
}
button {
margin: 0 10px;
}
</style>
</head>
<body>
<audio id="audio" src="music.mp3" controls></audio>
<button onclick="play()">播放</button>
<button onclick="pause()">暫停</button>
<button onclick="reset()">重置</button>
<script>
var audio = document.getElementById("audio");
function play() {
audio.play();
}
function pause() {
audio.pause();
}
function reset() {
audio.currentTime = 0;
audio.pause();
}
</script>
</body>
</html>這是一個(gè)非常簡(jiǎn)單的HTML5+JS音頻播放器代碼，只需要一個(gè)audio標(biāo)簽和幾個(gè)按鈕即可實(shí)現(xiàn)播放、暫停和重置功能。我們可以對(duì)音頻標(biāo)簽進(jìn)行一些樣式上的調(diào)整，使播放器更加美觀。