要解决播放/暂停按钮无法播放音频的问题,可以将其更改为播放/停止按钮。以下是一个示例代码,演示如何使用JavaScript实现这个功能:
HTML代码:
JavaScript代码:
var audio = document.getElementById("audio");
var playPauseButton = document.getElementById("playPauseButton");
function playAudio() {
audio.play();
playPauseButton.innerHTML = "停止";
}
function stopAudio() {
audio.pause();
audio.currentTime = 0;
playPauseButton.innerHTML = "播放";
}
playPauseButton.addEventListener("click", function() {
if (audio.paused) {
playAudio();
} else {
stopAudio();
}
});
在以上代码中,我们首先获取了音频元素和播放/停止按钮的引用。然后,我们定义了两个函数:playAudio()
和stopAudio()
。playAudio()
函数用于播放音频,并将按钮的文本更改为“停止”。stopAudio()
函数用于停止音频播放并将其重置为起始位置,同时将按钮的文本更改为“播放”。
最后,我们通过添加一个事件监听器来监听按钮的点击事件。如果音频处于暂停状态,点击按钮会调用playAudio()
函数来播放音频;如果音频正在播放,点击按钮会调用stopAudio()
函数来停止音频播放。