Feature Request: Use custom svgs for buttons

[Robstaa]

What do you think about the idea of making it possible to use custom images as buttons?
I was for example thinking about using a 10-sec-fast-forward button (used by Netflix on iOS for example).

Any tips on how to implement that? Thank you so much again for this great product!

[lhz516]

Currently the player uses inline svg for icons, so it's unlikely to use css to overwrite. But this is definitely a reasonable feature request. I'll add it to the roadmap.

[lhz516]

I'm proposing to add a new prop called customIcons and defaults to {}. Users can pass in custom icon elements to overwrite the default ones. For example:

<Player customIcons={{
    rewind: <i className="xxx" />,
    forward: <img src="xxx" />,
    play: <SomeSVGIcon />
  }}
/>

[Robstaa]

I love it! Would be really appreciated!!

[lhz516]

Released 2.4.0 https://github.com/lhz516/react-h5-audio-player/releases/tag/v2.4.0

[Robstaa]

You are aweome!