yamada-ui / yamada-ui

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion.
https://yamada-ui.com
MIT License
742 stars 181 forks source link

Add `AudioPlayer` #993

Open illionillion opened 5 months ago

illionillion commented 5 months ago

Description

Make components of an audio player like this one.

https://kolber.github.io/audiojs/

Problem Statement/Justification

Currently, an audio player must be implemented from scratch.

Proposed Solution or API

The src attribute should be passed as the path to the audio file or an Audio object.

Allow customization of playback buttons, etc. with attributes.

Update the current time and seek bar in the timeupdate event of the audio object.

Alternatives

No response

Are you willing to participate in implementing this feature and create a pull request include the implementation?

None

Additional Information

No response

illionillion commented 5 months ago

https://github.com/justinmc/react-audio-player

illionillion commented 5 months ago

https://github.com/lhz516/react-h5-audio-player