React Raw Recorder

React wrapper for Raw Media Recorder

Install

yarn add react-raw-recorder

or

npm install react-raw-recorder

Usage

import Recorder from "react-raw-recorder"
 
// ...
 
<Recorder
  audioContext={this.audioCtx}
  onRecording={() => console.log("recording in progress")}
  onRecorded={audio => console.log("recorded AudioBuffer", audio)}
>
  {recorder => (
    <button
      className={classNames("recorder-button", {
        recording: recorder.recording
      })}
      onClick={recorder.toggle}
    >
      <i className="fa fa-4x fa-microphone" />
    </button>
  )}
</Recorder>