如何在JavaScript按鍵上播放聲音？

-1

我正在嘗試編寫我的JavaScript代碼，以便只有在某個鍵被按下時纔會播放聲音。我試圖將它與之關聯的HTML代碼是：如何在JavaScript按鍵上播放聲音？

<div data-key="65" class="key"> 
    <kbd>A</kbd> 
    <span class="sound">clap</span> 
</div>

數據密鑰與稍後在HTML文檔中的音頻文件相關聯。我需要在JavaScript中進行設置，以便當按下'A'時它會播放聲音。到目前爲止，我已經嘗試過：

document.querySelector('65').addEventListener('onkeydown', function() { 
playAudio(); 
});

有關如何使其工作的任何想法？

來源

2017-05-13 Grace

IM不知道你在說什麼，但也許這有助於http://stackoverflow.com/quest離子/ 12578379 /播放-A-聲音時-A-鍵被按壓 – momom

你應該這樣做。

首先，創建一個音頻對象和隱藏：

<audio id="audio" controls style="display:none"> 
 
    <source src="http://butlerccwebdev.net/support/html5-video/media/soundfile.mp3" type="audio/mpeg"> Your browser does not support the audio element. 
 
</audio>

然後使一個按鍵的 EventListener並保證這是正確的關鍵：

document.addEventListener('keydown', function(e) { 
    if (e.keyCode == 65) { 
    document.getElementById('audio').play(); 
    } 
});

https://jsfiddle.net/cwvfmLvk/6/

來源

2017-05-13 23:19:17

如何在JavaScript按鍵上播放聲音？

回答

相關問題