gpt4 book ai didi

javascript - HTML&Javascript音频播放和停止按钮

转载 作者:行者123 更新时间:2023-12-03 02:33:22 25 4
gpt4 key购买 nike

<!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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com