<!DOCTYPE html>
<html>
<body>
<img id="myImage" onclick="aud_play_pause()" src="../../images/off.png" alt=""/>
<audio id="myAudio">
</audio>
<script>
function aud_play_pause()
{
var song = ["../Sesler/3.mp3"];
var myAudio = document.getElementById("myAudio");
var image = document.getElementById('myImage');
myAudio.src = song;
if (myAudio.paused)
{
image.src = "../../images/on.png";
myAudio.play();
}
else if(image.src.match("on"))
{
image.src = "../../images/off.png";
myAudio.pause();
}
}
</script>
</body>
</html>
你好
我不明白为什么它不起作用。它应该在单击(开始)时开始，并且应该在我再次单击(没有)时暂停。我认为“else if”语句不起作用，但是为什么呢？
谢谢，
凯格勒
最佳答案
每次用户单击按钮时，您都设置音频的src。然后在加载后立即开始。将其移出函数，不要使用[...]数组，而只能使用字符串:
myAudio.src = "../Sesler/3.mp3";
然后，一个
else(没有其他条件)应该足以区分播放和暂停:if (myAudio.paused) {
image.src = "../../images/on.png";
myAudio.play();
} else {
image.src = "../../images/off.png";
myAudio.pause();
}
关于javascript - HTML＆Javascript音频播放和停止按钮，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37765844/