React Audio-Player

프로젝트에서 오디오플레이어를 적용했던 패키지를 소개하려고한다.

참고링크
https://github.com/lhz516/react-h5-audio-player

사용방법은 매우간단하다.

1. 설치 및 import

npm install react-h5-audio-player

import AudioPlayer from 'react-h5-audio-player';

2. 오디오 파일 경로잡아주기

const [audioUrl,setaudioUrl] = useState();
setaudioUrl('오디오파일경로');

3. 패키지 적용

<AudioPlayer src={audioUrl}/>

적용 모습

오디오플레이어의 css도 따로 변경할 수 있으니 프로젝트 분위기에 맞게 적용하면 된다. 끝.