react-mic
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
Features
- Record audio from microphone
- Display sound wave as voice is being recorded
- Save audio as BLOB
Usage
<ReactMic 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> <ReactMic 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> ; }
Having issues with the lambda function?
Try installing babel-preset-stage-1
Include stage-1 in your webpack.config under presets.
e.g.
moduleexports = entry: "./scripts/Main.js" output: path: __dirname filename: "./static/script.js" module: loaders: test: /\.css$/ loader: "style!css" test: /\.js$/ // exclude: /(node_modules)/, loader: 'babel-loader' query: presets: 'es2015' 'react' 'stage-1' ;
License
MIT