单击时Javascript延迟音频播放

时间:2017-08-27 20:53:00

标签: javascript jquery audio html5-audio

我想建立一个西蒙游戏。 我想在点击时播放声音,但声音有明显的延迟(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>

1 个答案:

答案 0 :(得分: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>