Audio Keyboard Shortcuts

Play & pause

by Phil Button

HTML

<title>Audio Keyboard Shortcut</title><audio>id="track" controls</audio><audio id="lessonTrack" controls>
  <source id="mp3" src="http://101drums.com/tracks/mp3/01_quarternotes.mp3" type="audio/mpeg">
  <source id="ogg" src="" type="audio/ogg"> Your browser does not support the audio player.
</audio>

JavaScript

var audio = document.getElementById("lessonTrack");

window.addEventListener("keyup", playPauseKb, false);

function playPauseKb(event) {
  var x = event.which || event.keyCode;
  var y = audio.paused;
  //debug
  //console.log(x);

  //p on the keyboard
  if (x === 80 && y == 1) {

    audio.play();

    //alert("playing");

  } else if (x === 80) { //s button keycode

    audio.pause();

    //alert("paused");

  } else if (x === 79) {
  
    audio.load();
  }
}