How To Play A Sound On Key Press In Javascript?

I'm trying to write my JavaScript code so that a sound plays only when a certain key is pressed. The HTML code I am trying to associate it with is:

<audioid="audio"controlsstyle="display:none"><sourcesrc="http://butlerccwebdev.net/support/html5-video/media/soundfile.mp3"type="audio/mpeg"> Your browser does not support the audio element.
</audio>

Then make an EventListener for a keypress and assure it's the right key:

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

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

Solution 2:

After Some Minor Modifying You can use the specified key as a trigger for the Audio Clip

if (e.keyCode == 65) {
    if(document.getElementById('audio').paused){
    document.getElementById('audio').play();
   }
   else{
    document.getElementById('audio').pause;
  }
});

Here it will work as a trigger for the Audio file.. Credit: Andreas Moldskred

Share