Javascript 点击时音频播放延迟

Question

我想制作一个西蒙游戏。我想在点击时播放声音，但声音有明显的延迟（4/5 秒）。我怎样才能阻止它并在点击时准确播放声音？

这里是代码：

var blue = new Audio("https://s3.amazonaws.com/freecodecamp/simonSound1.mp3");
$(".but").on('click', function(){
    blue.play();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="but">Play</button>

Answer 1

我没有听到延迟。试试下面的代码片段或这个 CodePen Demo:

$(document).ready(function() {
  var blue = new Audio("https://s3.amazonaws.com/freecodecamp/simonSound1.mp3");
  $(".but").on("click", function() {
    blue.play();
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button class="but">click for sound</button>

Javascript 点击时音频播放延迟

Javascript delay on audio play on click

javascript

audio

jquery

html5-audio