3.4.0

Support Media Source Extensions (MSE) and Encrypted Media Extensions (EME)

You can use Media Source Extensions and Encrypted Media Extensions with this player. You need to provide the complete duration, and also a onSeek and onEncrypted callbacks. The logic for feeding the audio buffer and providing the decryption keys (if using encryption) must be set in the consumer side. The player does not provide that logic. Check the StoryBook example to understand better how to use.

Thanks to @SergioCrisostomo for working on this feature! #66

3.3.0

• Added new props timeFormat that can be 'auto' | 'mm:ss' | 'hh:mm:ss' and defaults to 'auto'. #59
• Fixed a console error caused by internal audio.play() failure. Now all play error can be caught by onPlayError #60
• Fixed a bug which used to cause autoPlayAfterSrcChange not work when setting src from empty string to a valid url #57
• Fixed a time display issue. When audio.currentTime or audio.duration is NaN, previously it fell back to 00:00, now it fell back to defaultCurrentTime or defaultDuration props

3.2.0

• Added onVolumeChange Props #50
• Fixed svg style when the package is used with Bootstrap #51
• Added UMD support (react-h5-audio-player/lib/react-h5-audio-player.min.js)
• Added CodePen link in README https://codepen.io/lhz516/pen/dyGpmgP

3.1.0

• Added props progressJumpSteps to deprecate the existing progressJumpStep #41 @bleuarg

progressJumpSteps?: {
    backward?: number
    forward?: number
  }

(progressJumpStep will still be supported until v4.0.0)

3.0.6

• Prevent right click progressbar which used to cause a bug #39 @JeffreyCA
• Remove max-width: 300px to support edge case layouts #37 @JeffreyCA

3.0.5

Add type="button" to all button tags in case the player is inside a form #34 @johnfrommartin

3.0.4

Reset audio src while unmounting the audio player #33 @moh3ni

https://stackoverflow.com/questions/3258587/how-to-properly-unload-destroy-a-video-element

3.0.3

• Fix a bug that used to update the component after it's unmounted #33 @moh3ni

3.0.2

• Added another custom UI module RHAP_UI.CURRENT_LEFT_TIME #31

Usage: https://static.hanzluo.com/react-h5-audio-player-storybook/index.html?path=/docs/layouts-advanced--use-current-left-time

3.0.1

• Fix a typo: Props ShowFilledProgress -> showFilledProgress, and add it to README

Note: Since this API wasn't mentioned in README, so the change is not considered breaking change, unless you used it anyways.