如何在JavaScript中使用音频控件触发取消暂停?

时间:2016-10-15 08:30:18

标签: javascript audio

使用以下代码控制音频无效。如果我点击onclick调用playpause()的按钮,它会暂停音频。但再次点击它并没有恢复。

    var audio=new Audio("music.mp3");
    function music() {
        audio.play();
        audio.loop="true";
    }

    function playpause() {

        if(audio.play)
        {
            audio.pause();
        }
        else  if(audio.pause)
        {
            audio.play();
        }
    }

但是,如果我使用以下内容,则使用相同的按钮启用暂停和播放

    var audio=new Audio("music.mp3");
    function music() {
        audio.play();
        audio.loop="true";
    }
    var count=0;
    function playpause() {

        if(count%2==0)
        {
            audio.pause();
        }
        else
        {
            audio.play();

        }
        count++;
    }

第一个出了什么问题?

1 个答案:

答案 0 :(得分:0)

HTML5音频标签无法提供“播放”功能。像您尝试在您的代码中使用的属性,但它确实提供了一个暂停的'通过调用它返回相反布尔值的属性。您需要使用它来查询音频元素的状态。

像这样:

If(audio.paused) {
  audio.play();
}
else {
  audio.pause();
}