react-mic-record
Record a user's voice and display as an osscilation. Audio is saved as WebM audio file format.
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
<ReactMicRecord record=boolean // defaults -> false. Set to true to begin recording className=string // provide css class name onData=
Example
; Component { superprops; thisstate = record: false } { this; } { this; } { console; } { console; } { return <div> <ReactMicRecord record=thisstaterecord className="sound-wave" onStop=thisonStop strokeColor="#000000" backgroundColor="#FF4081" /> <button onTouchTap=thisstartRecording type="button">Start</button> <button onTouchTap=thisstopRecording type="button">Stop</button> </div> ; }
Credits
This package uses code from (react-mic).
License
Apache 2.0