Feature Request: Volume Bar Color Separation

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

Feature Request: Volume Bar Color Separation #221

Closed shafiReckon closed 8 months ago

shafiReckon commented 8 months ago

If the volume is between 0% (exclusive) and 100% (exclusive), I would like to have different colors for the volume bar to distinguish between the filled and unfilled portions. For instance, if my volume is set to 40%, I should be able to customize the color for the first 40% of the volume bar, while the remaining portion should be in a different color.

lhz516 commented 8 months ago

Sounds reasonable. Adding it to my roadmap

lhz516 commented 8 months ago

I almost forgot that there's already a prop showFilledVolume to display the filled volume. And then you can customize the .rhap_volume-filled for a different color.