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>這是一個非常簡單的HTML5+JS音頻播放器代碼，只需要一個audio標簽和幾個按鈕即可實現播放、暫停和重置功能。我們可以對音頻標簽進行一些樣式上的調整，使播放器更加美觀。
上一篇dockershow
下一篇jquery map循環