React with media recorder
-

React Higher-Order Component for the MediaStream Recording API.

_Capture audio or video from React Component_.

> Note: As of today _(Abril 2019_) the only browsers with MediaRecorder support are:
>- Chrome 49+
>- Firefox 30+
>- Opera 36+
>
>Go to caniuse to get updated info about support.

Install
---
``
npm install react-with-mediarecorder
`

Usage
---
`
WithMediaRecorder(Component)
`

`
import React from 'react'
import WithMediaRecorder from 'react-with-mediarecorder'

const Example = ({ mediaRecorder }) => (


export default WithMediaRecorder(Example)
`
`
constraints={{ video: true, audio: true }}
recordDelayMs={2000}
recordTimerMs={20000}
/>
`

Options props
---

- constraints: _Object_ : required

A MediaStreamConstraints object

Most simple audio/video example:
`
{
video: true,
audio: true
}
``

- recordDelayMs: _Int_

Time _(ms)_ to wait for autorecord.

- recordTimerMs: _Int_

Time _(ms)_ to max record time

Injected props
--
- recordedElement: _HTML Element_
- previewElement: _HTML Element_
- isRecording: _Bool_
- askPermissions: _Method_
- closeMedia: _Method_
- pauseMedia: _Method_
- record: _Method_
- stopRecord: _Method_
- onRecordStart: _Fn callback (stopRecordMethod)_
- onRecordStop: _Fn callback (mediaBlob)_
- onUserAccepts: _Fn Callback (MediaStream)_