A highly customizable React audio player library with support for modern web audio features and seamless integration into any React application.
npm install @sina_byn/re-audio2.0.0, this library is built on React 19 and is not compatible with previous versions of React.
1.1.1 of this library:
bash
npm install --save @sina_byn/re-audio@1.1.1
`
Installation
`bash
npm i --save @sina_byn/re-audio
`
Usage
`tsx
// * AudioPlayer.tsx
import { Audio, formatTime } from '@sina_byn/re-audio';
// * components
import PlayBackControls from './PlayBackControls';
const AudioPlayer = () => {
return (
playlist={[
{ id: 1, src: '/audio/1.mp3', name: 'for-her-chill' },
{ id: 2, src: '/audio/2.mp3', name: 'trap-type-beat-rap-instrumental-riff' },
{ id: 3, src: '/audio/3.mp3', name: 'whip-afro-dancehall' },
]}
>
{audioContext => (
{formatTime(audioContext.currentTime)}
/
{formatTime(audioContext.duration)}
)}
);
};
export default AudioPlayer;
`
`tsx
// * PlayBackControls.tsx
import { useAudio } from '@sina_byn/re-audio';
const PlayBackControls = () => {
const { playing, togglePlay, prevTrack, nextTrack } = useAudio();
return (
<>
>
);
};
export default PlayBackControls;
``