音频播放上的Javascript延迟点击

Question

我想构建一个Simon游戏。 我想点击播放声音，但声音有明显的延迟（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>