react-mic-record #

Record a user's voice and display as an osscilation.

Works via the HTML5 MediaRecorder API (currently only available in Chrome & Firefox).

Demo ##

Check out the demo.

Installation ##

npm install --save react-mic-record

Features ##

- Record audio from microphone
- Display sound wave as voice is being recorded
- Get audio as BLOB

Usage ##

``js

record={boolean} // defaults -> false. Set to true to begin recording
className={string} // provide css class name
onData={function} // callback to execute when chunk of audio data is available
onStop={function} // callback to execute when audio stops recording
strokeColor={string} // sound wave color
backgroundColor={string} // background color
/>

`

Example ##

!react-mic-record Demo

`js
import { ReactMicRecord } from 'react-mic-record';

export class Example extends React.Component {
constructor(props) {
super(props);
this.state = {
record: false
}

}

startRecording = () => {
this.setState({
record: true
});
}

stopRecording = () => {
this.setState({
record: false
});
}

onData(recordedBlob) {
console.log('chunk of real-time data is: ', recordedBlob);
}

onStop(recordedBlob) {
console.log('recordedBlob is: ', recordedBlob);
}

render() {
return (



);
}
}
``

Credits ##

This package uses code from (react-mic).

License ##

MIT