Audio Keyboard Shortcuts

Play & pause

HTML

<title>Audio Keyboard Shortcut</title>
<audio id="lessonTrack" controls controlsList="nodownload">
  <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>
<br>
<textarea id="transcribing"></textarea>

JavaScript

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

var transcribing_textarea = document.getElementById("transcribing");

transcribing_textarea.addEventListener("keydown", keyHandler, false);

function keyHandler(e) {

  if (e.code == "Tab") {
    this.value += "tabbed";
    if (e.preventDefault) {
      e.preventDefault();
    }
    return false;
  }


  if (e.code == "KeyM" & e.altKey) {
    if (audio.currentTime === 0 | audio.paused) {
      audio.play();
    } else {
      audio.pause()
    }
  }

}