javascript - 如何使用空格键自动播放音乐并停止/继续播放？

Question

所以我想将音乐添加到我的网站，但开始时音乐无法播放。要播放它，我必须按我的空格键。但是实际上它应该在开始时播放，并且您可以通过按空格键暂停和恢复音乐吗？有人知道解决方案吗？

    <div id="audio">
        <audio controls loop autoplay hidden>
        <!-- Audio is looped, plays automatically and is hidden -->
            <source src="music/music.ogg" type="audio/ogg">
        </audio>
    </div>
    <script>
        var audio = new Audio('music/music.ogg');
        audio.volume = 0.05;
        audio.play();
        if (audio) {

  window.addEventListener('keydown', function (event) {

    var key = event.which || event.keyCode;

    if (key === 32) { // spacebar

      // eat the spacebar, so it does not scroll the page
      event.preventDefault();

      audio.paused ? audio.play() : audio.pause();

    }

  });
}
    </script>

Answer 1

可能是您需要将音乐播放部件放入事件处理程序中
即:https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onload

有时可能是浏览器阻止了音乐/音频也自动播放