单击时，如何使音频一直播放？

Question

所以我有一个图像，当我单击它时，我希望它一直播放。当我点击图片播放完后，但我想这样做，当垃圾邮件点击它时，它只播放一次，并且在重新启动音频之前一直播放。

这是我的 javascript:

        <script language="javascript" type="text/javascript">
    function playSound(soundfile) {
  document.getElementById("img").innerHTML=document.getElementById("img").innerHTML +
    "<embed src=\""+soundfile+"\" hidden=\"true\" autostart=\"true\" loop=\"false\" />";
    }
        </script>

这是我的 html:

<span id="img" onclick="playSound('assets/audio.mp3');">
    <img src="assets/img.jpg" name="img" width="350" height="350" border="0" id="img" />
    </span>

Answer 1

如果HTML5，您可以维护一个音频对象检查状态，如果已经处于播放模式则拒绝请求：

var audio = new Audio();

function playSound(soundfile) {
  if(!audio.paused) return;
  audio.src = soundfile;
  audio.play();
}

单击时，如何使音频一直播放？

On click, how to make audio play all the way through?

html

javascript

audio

onclick

html5-audio