On和Off音频按钮在JS中不起作用

时间:2016-04-20 03:14:29

标签: javascript html audio

所以我在JavaScript中创建了一个播放mp3文件的脚本,然后会有一个图像,你可以点击它来切换音频是否应该播放。当我点击图片时,它停止播放mp3文件,这是我想要它做的,但是当我再次点击它时,它不会恢复或重新开始播放。                 

<script type="text/javascript">
var audio = document.getElementById("myAudio"); 

function detectmob() { 
         if( navigator.userAgent.match(/Android/i) //Checks if on mobile
         || navigator.userAgent.match(/webOS/i)
         || navigator.userAgent.match(/iPhone/i)
         || navigator.userAgent.match(/iPad/i)
         || navigator.userAgent.match(/iPod/i)
         || navigator.userAgent.match(/BlackBerry/i)
         || navigator.userAgent.match(/Windows Phone/i)
         ){
              return true;
          }
         else {
                    audio.play();
              }
}
function Pause() {
         if (audio.play = false) {
            audio.play()
         }
         else {
            audio.pause();
         }
}
window.onload = detectmob;
</script>

<center> <input type="image" onclick="Pause()" src="/images/Nor.gif" style="width:750px;height:400px;"></center>

1 个答案:

答案 0 :(得分:2)

您的条件检查audio.play = false错误,它将值false分配给play属性,覆盖默认函数引用。

您可以使用paused属性检查音频是否已暂停。

function Pause() {
  if (audio.paused) {
    audio.play();
  } else {
    audio.pause();
  }
}