react-audio-recorder-hook

Features

Simple API

Easy-to-use interface with intuitive methods and properties

Status Tracking

Real-time recording status tracking with built-in states

Error Handling

Built-in error handling with descriptive error messages

Zero Dependencies

Lightweight package with no external dependencies

TypeScript Support

Full TypeScript support with type definitions

Browser Compatibility

Works with all modern browsers supporting MediaRecorder API

Quick Example

import { useReactAudioRecorder } from 'react-audio-recorder-hook';

function AudioRecorder() {
  const {
    startRecording,
    stopRecording,
    audioResult,
    status,
    errorMessage
  } = useReactAudioRecorder();

  return (
    <div>
      <button onClick={startRecording}>Start Recording</button>
      <button onClick={stopRecording}>Stop Recording</button>

      {status === 'recording' && <p>Recording in progress...</p>}
      {errorMessage && <p>Error: {errorMessage}</p>}

      {audioResult && (
        <audio src={URL.createObjectURL(audioResult)} controls />
      )}
    </div>
  );
}