JSFiddle - React, Tailwind, and code Playground

by Phil Button

HTML

<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("keypress", playPauseKb, false);

function playPauseKb(event) {
  var x = event.key;
  var y = audio.paused;

  //debug
  //console.log(x);

  //p on the keyboard
  if (x === "p") {

    audio.play();

    alert("playing");

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

    audio.pause();

    alert("paused");

  }
}