Воспроизведение звука при нажатии клавиши

Question

У меня есть код для запуска события при нажатии клавиши.

$(document).keydown(function(e){ 
    if (e.keyCode == 37) { 
     alert("left pressed"); 
     return false; 
    } 
}); 

мне было интересно, как я могу запустить звук,

в моем HTML у меня есть это:

<audio id="sound1" src="images/step-1/iphone.mp3"></audio> 
<audio id="sound2" src="images/step-1/iphone.mp3"></audio> 

<div id="pad"> 

    <img src="images/step-1/tsonga.jpg" onclick="document.getElementById('sound1').play()"/> 
    <img src="images/step-1/federer.jpg" onclick="document.getElementById('sound1').play()"/> 

</div> 

как это, но он не работает:/

$(document).keydown(function(e){ 
    if (e.keyCode == 37) { 
     getElementById('sound1').play() 
     return false; 
    } 
}); 

Благодарим за помощь!

Answer 1

попробовать это:

$(document).keydown(function(e){ 
    if (e.keyCode == 37) { 
     document.getElementById('sound1').play(); 
     return false; 
    } 
}); 

Я думаю, вы должны использовать document.getElementById, потому что если вы просто написать getElementById область является окно.

Answer 2

От W3Schools:

<audio id="sound" controls> 
     <source src="horse.mp3" type="audio/mpeg"> 
     <source src="horse.ogg" type="audio/ogg"> 
     Your browser does not support this audio format. 
    </audio> 

Тогда:

document.getElementById('sound').play();