Installation
npm i react-recorder-voice
or
yarn add react-recorder-voice
Usage
React
import { useRecorder } from "react-recorder-voice";
function App() {
const {
audioURL,
audioData,
timer,
recordingStatus,
cancelRecording,
saveRecordedAudio,
startRecording,
} = useRecorder();
return (
<div>
<button onClick={startRecording}>Start</button>
<button onClick={cancelRecording}>Cancel</button>
<button onClick={saveRecordedAudio}>Stop and Save</button>
<audio controls src={audioURL}></audio>
<h1>{timer}</h1>
</div>
);
}
export default App;| Options / Props | Description |
|---|---|
| audioURL | gives you recorded audio URL you can put this URL in src of audio tag |
| audioData | gives you recorded audio data for use or send with API or ... |
| timer | gives you a time for showing to user |
| recordingStatus | gives you status of recording for example => recording or cancel |
| cancelRecording | with this method you can cancel recording |
| saveRecordedAudio | with this method you can save recording |
| startRecording | with this method you can start recording |
Contributing
ّّIf you find a bug, just let me know or submit a pull request
Thanks.