Javascript HTML-单击图像时如何播放和暂停音频？

我尝试了在这个网站上找到的一个代码，但由于某些原因它无法工作。希望这里有人能帮忙。当我点击gif时，它会播放歌曲，但当我再次点击gif时，它只会重放歌曲
以下是我使用的代码：

<img src="lilgif.gif" alt="Play Button" onclick="StartOrStop('boss.mp3')">

<audio id="myAudio"></audio>

---

请把你的if-else声明用花括号括起来好吗 像这样

if (audio.paused == false){
      audio.pause();
}else{
      audio.play();
}

---

我举了一个工作示例：

HTML:

基本上，我会防御性地绑定函数（这在HTML onclick绑定中更受欢迎），并编写一个anon函数将其作为一个值处理，因为我没有在其他地方使用它

它只需访问audio elements API来检查播放，然后播放或暂停

编辑：我已经修复并放置了一个远程托管的图像作为一个完整的示例。现在看起来好多了

if (audio.paused == false){
      audio.pause();
}else{
      audio.play();
}

<img id="startOrStopImg" src="http://wallpaper-gallery.net/images/dope-pictures/dope-pictures-17.jpg" alt="Play Button">
<audio id="audio" src="http://www.soundjig.com/pages/soundfx/futuristic.php?mp3=scifi21.mp3" type="audio/mp3" controls>
Your browser does not support the audio element.
</audio>

document.getElementById("startOrStopImg").onclick = function() {
    var audio = document.getElementById("audio");
    if (audio.paused) audio.play();
    else audio.pause();
};