React Audio Player

Setup controls with React for HTML5 audio element to save playback time to localStorage and restart play from last location after refresh.

  • Space bar will pause/play (after pressing play button).
  • Move playback forward with right arrow.
  • Move playback backward with left arrow.
  • Mouse wheel will advance and backup playback as well.

Live demo

See the Pen React Audio Player by Adam Sommer (@asommer70) on CodePen.