javascript - 如何使用JavaScript中的音频控件触发取消暂停？

Question

使用以下代码控制音频不起作用。如果我单击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++;
    }

第一个有什么问题？

Answer 1

HTML5音频标签不提供您尝试在代码中使用的“播放”属性，但确实提供了“暂停”属性，通过调用它返回相反的 bool(boolean) 值。您将需要使用它来查询音频元素的状态。

像这样:

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