点击,如何让音频一直播放?

时间:2016-02-23 01:26:44

标签: javascript html audio onclick html5-audio

所以我有一张图片,当我点击它时,我希望它能够一直播放。当我点击该图片播放后,但是我希望这样做,当垃圾邮件的人点击它时,它只播放一次,并在重新启动音频之前一直播放。

这是我的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>

1 个答案:

答案 0 :(得分:1)

如果是HTML5,您可以维护音频对象检查状态并拒绝请求(如果已经处于播放模式):

var audio = new Audio();

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