Question

我创建了一个播放/暂停按钮，用于播放HTML和Javascript音乐。我想知道是否有一种方法可以使音乐结束时无限地重新开始。

这是我的代码（也是https://jsfiddle.net/gp7yf1t3/）：

HTML：

<audio id="player">
  <source src='https://audio.jukehost.co.uk/c926ef6560961d5fd02e35e1488a5997e8217bc1/1a1c12c319a' type='audio/mpeg'/>
</audio>

<button id="button">&#9658</button>

Javascript：

var button = document.getElementById("button");
var audio = document.getElementById("player");

button.addEventListener("click", function(){
  if(audio.paused){
    audio.play();
    button.innerHTML = "&#10074;&#10074;";
  } else {
    audio.pause();
    button.innerHTML = "&#9658";
  }
});

谢谢！

Answer 1

只需设置循环属性

<audio id="player" loop>
  <source src='https://audio.jukehost.co.uk/c926ef6560961d5fd02e35e1488a5997e8217bc1/1a1c12c319a' type='audio/mpeg'/>
</audio>

如何使播放/暂停音乐按钮循环播放音乐？

1 个答案: