search

lhz516 / react-h5-audio-player

React audio player component with UI. It provides time indicator on both desktop and mobile devices.
https://codepen.io/lhz516/pen/dyGpmgP
MIT License
608 stars 92 forks source link

Customize ProgressBar #187

Closed sandokan815 closed 1 year ago

sandokan815 commented 1 year ago

HI, Thanks for sharing nice library for playing audio. Could you let me know if this library supports customising progress bar? i.e. progress bar different format(looking for image progress bar)

lhz516 commented 1 year ago

You can do this to use image on your progress bar

.rhap_progress-bar {
  background-image: url('something.jpg');
}

You may also want to adjust the height or something. Feel free to overwrite any CSS in your project.

lhz516 commented 1 year ago

Closing it. Feel free to reopen if you need some followup discussion.