Record audio from your microphone
npm install react-mic-recordRecord a user's voice and display as an osscilation.
Works via the HTML5 MediaRecorder API (currently only available in Chrome & Firefox).
Check out the demo.
npm install --save react-mic-record
- Record audio from microphone
- Display sound wave as voice is being recorded
- Get audio as BLOB
``js
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
/>
`
`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 (
This package uses code from (react-mic).
MIT