React-recorder-voice NPM

Installation

npm i react-recorder-voice

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