lijinke666 / react-music-player

[Stop the maintenance] :musical_note: Maybe the best beautiful HTML5 responsive player component for react :)
https://lijinke666.github.io/react-music-player/
MIT License
718 stars 211 forks source link

Can we create peaks for the player #71

Closed ganeshzehntech closed 4 years ago

ganeshzehntech commented 4 years ago

Please go to https://www.npmjs.com/package/@dschoon/react-waves

If you can see the waves or peaks shows with the player, how we can do that in "react-jinke-music-player". Please reply as soon as please. Thank you :)

lijinke666 commented 4 years ago

I don't understand what you mean. The player doesn't seem to have anything to do with the audio waveform, like react-waves

 const props = {
  ...otherProps,
  extendsContent: [some ui button, open wave modal when clicked]
  onAudioPlayTrackChange(currentPlayId, currentAudio, audioInfo) {

  }
}

<ReactJkMusicPlayer {...props}/>

your can use extendsContent add some ui or add any wrapper to show waves

<ReactWaves audioFile={audioLists[0].musicSrc}

then your can use currentPlayId or currentAudio to change your react-waves need music FIle

<ReactWaves audioFile={currentAudio.musicSrc}