/ player

React Audio Player

React Audio Player

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.