如何在JavaScript中播放聲音

Question

我有以下內容：

<audio id="clickdown-wav" src="ClickDown.wav" preload="auto"></audio>

然后在我的JavaScript中，我有：

var ClickDown = $('#clickdown-wav')[0];

$(document).delegate('a','click',function() {
    ClickDown.play();
});

問題是，當我按下錨標簽時，它不是太敏感（在iPad上）。 按下錨標記和播放wav文件之間存在明顯的延遲。

問：是否只有源代碼解決方案來播放來自JavaScript的聲音？ Clickdown.wav只有1k。

Answer 1

在iOS上，沒有預加載。 這是由Apple故意完成的，因此用戶不必使用不必要的帶寬。

Answer 2

您需要使用觸摸事件而不是單擊事件，將您的點擊切換到“touchstart”，延遲將消失

Answer 3

您可以嘗試在Web應用上放置一個不可見的“按鈕”，通過第一次用戶交互點擊即可。 之后的交互sound.play(); 應該管用。 看看這個帖子 。