音頻播放上的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>