{"_id":"@altimus/audio-react-recorder","_rev":"2-691aac11d0d8adcf3325756b0a28c2be","name":"@altimus/audio-react-recorder","dist-tags":{"latest":"1.0.7"},"versions":{"1.0.5":{"name":"@altimus/audio-react-recorder","version":"1.0.5","keywords":["react","record","audio","voice","record.js","mic","recorder","audiowave"],"author":{"name":"developer"},"license":"MIT","_id":"@altimus/audio-react-recorder@1.0.5","maintainers":[{"name":"dev_altimus","email":"dev@altimus.com.br"}],"homepage":"https://github.com/doppelgunner/audio-react-recorder#readme","bugs":{"url":"https://github.com/doppelgunner/audio-react-recorder/issues"},"dist":{"shasum":"baba2a733df0ee0e1ce578254cf9c48642d4da70","tarball":"https://registry.npmjs.org/@altimus/audio-react-recorder/-/audio-react-recorder-1.0.5.tgz","fileCount":7,"integrity":"sha512-rAXx1mZysEkfMQSHT0Lat7TBbsduTXGAlvJ7pzAdRmTvlpcUW0sBfp5GoTv+kzczZ7PT3007LPf/kBReYxofOA==","signatures":[{"sig":"MEUCICZhxOpOHmp1zkANd7AD6WW7JK/rO5JODAXpWgQbbJcJAiEAk6YuXrBvmLIi42CKb/ncDpocrg9sbLiOiH/cUyDJGWA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":120592},"main":"dist/index.js","module":"dist/index.modern.js","source":"src/index.js","engines":{"node":">=10"},"gitHead":"868134561113e19968e731ac983cf50fed23406b","scripts":{"test":"run-s test:unit test:lint test:build","build":"microbundle-crl --no-compress --format modern,cjs","start":"microbundle-crl watch --no-compress --format modern,cjs","deploy":"gh-pages -d example/build","prepare":"run-s build","predeploy":"cd example && npm install && npm run build","test:lint":"eslint .","test:unit":"cross-env CI=1 react-scripts test --env=jsdom","test:build":"run-s build","test:watch":"react-scripts test --env=jsdom"},"_npmUser":{"name":"dev_altimus","email":"dev@altimus.com.br"},"repository":{"url":"git+https://github.com/doppelgunner/audio-react-recorder.git","type":"git"},"_npmVersion":"8.19.4","description":"Audio / Voice Recorder for React","directories":{},"_nodeVersion":"16.20.2","dependencies":{"prop-types":"^15.7.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","eslint":"^6.8.0","gh-pages":"^2.2.0","prettier":"^2.0.4","cross-env":"^7.0.2","react-dom":"^16.13.1","npm-run-all":"^4.1.5","babel-eslint":"^10.0.3","react-scripts":"^3.4.1","microbundle-crl":"^0.13.10","eslint-plugin-node":"^11.0.0","eslint-plugin-react":"^7.17.0","eslint-plugin-import":"^2.18.2","eslint-plugin-promise":"^4.2.1","eslint-config-prettier":"^6.7.0","eslint-config-standard":"^14.1.0","eslint-plugin-prettier":"^3.1.1","eslint-plugin-standard":"^4.0.1","eslint-config-standard-react":"^9.2.0"},"peerDependencies":{"react":"16.7.0 || 17.0.1 || 18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/audio-react-recorder_1.0.5_1729629614041_0.9860373311409167","host":"s3://npm-registry-packages"}},"1.0.6":{"name":"@altimus/audio-react-recorder","version":"1.0.6","keywords":["react","record","audio","voice","record.js","mic","recorder","audiowave"],"author":{"name":"developer"},"license":"MIT","_id":"@altimus/audio-react-recorder@1.0.6","maintainers":[{"name":"dev_altimus","email":"dev@altimus.com.br"}],"homepage":"https://github.com/doppelgunner/audio-react-recorder#readme","bugs":{"url":"https://github.com/doppelgunner/audio-react-recorder/issues"},"dist":{"shasum":"cc49afbc1e657a3e0433195d00ff3433a94897cc","tarball":"https://registry.npmjs.org/@altimus/audio-react-recorder/-/audio-react-recorder-1.0.6.tgz","fileCount":7,"integrity":"sha512-UjGnmVet7iHmVHZAEdwayD3c3ntBuhBknqkCu035BBSXtSdhw4e40gbB/Up5TDUYbOp/FK9zYYjFc4990L7bzw==","signatures":[{"sig":"MEUCIHIhw+b6pCDE0ivBnU0McLuqbzlgBbi7HKjFRj+TGr4BAiEA5MqsLJlxZeN7KpqbuCP42dIMrHVtH8vqe3NXot0fykw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":120593},"main":"dist/index.js","module":"dist/index.modern.js","source":"src/index.js","engines":{"node":">=10"},"gitHead":"f7dcc27516d898928f9bde93fc0766f1e4eccd1a","scripts":{"test":"run-s test:unit test:lint test:build","build":"microbundle-crl --no-compress --format modern,cjs","start":"microbundle-crl watch --no-compress --format modern,cjs","deploy":"gh-pages -d example/build","prepare":"run-s build","predeploy":"cd example && npm install && npm run build","test:lint":"eslint .","test:unit":"cross-env CI=1 react-scripts test --env=jsdom","test:build":"run-s build","test:watch":"react-scripts test --env=jsdom"},"_npmUser":{"name":"dev_altimus","email":"dev@altimus.com.br"},"repository":{"url":"git+https://github.com/doppelgunner/audio-react-recorder.git","type":"git"},"_npmVersion":"8.19.4","description":"Audio / Voice Recorder for React","directories":{},"_nodeVersion":"16.20.2","dependencies":{"prop-types":"^15.7.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","eslint":"^6.8.0","gh-pages":"^2.2.0","prettier":"^2.0.4","cross-env":"^7.0.2","react-dom":"^16.13.1","npm-run-all":"^4.1.5","babel-eslint":"^10.0.3","react-scripts":"^3.4.1","microbundle-crl":"^0.13.10","eslint-plugin-node":"^11.0.0","eslint-plugin-react":"^7.17.0","eslint-plugin-import":"^2.18.2","eslint-plugin-promise":"^4.2.1","eslint-config-prettier":"^6.7.0","eslint-config-standard":"^14.1.0","eslint-plugin-prettier":"^3.1.1","eslint-plugin-standard":"^4.0.1","eslint-config-standard-react":"^9.2.0"},"peerDependencies":{"react":"16.14.0 || 17.0.1 || 18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/audio-react-recorder_1.0.6_1729689293244_0.18320005940874862","host":"s3://npm-registry-packages"}},"1.0.7":{"name":"@altimus/audio-react-recorder","version":"1.0.7","description":"Audio / Voice Recorder for React","author":{"name":"developer"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/doppelgunner/audio-react-recorder.git"},"publishConfig":{"access":"public"},"main":"dist/index.js","module":"dist/index.modern.js","source":"src/index.js","engines":{"node":">=10"},"homepage":"https://github.com/doppelgunner/audio-react-recorder#readme","keywords":["react","record","audio","voice","record.js","mic","recorder","audiowave"],"scripts":{"build":"microbundle-crl --no-compress --format modern,cjs","start":"microbundle-crl watch --no-compress --format modern,cjs","prepare":"run-s build","test":"run-s test:unit test:lint test:build","test:build":"run-s build","test:lint":"eslint .","test:unit":"cross-env CI=1 react-scripts test --env=jsdom","test:watch":"react-scripts test --env=jsdom","predeploy":"cd example && npm install && npm run build","deploy":"gh-pages -d example/build"},"peerDependencies":{"react":">=16.14.0"},"devDependencies":{"microbundle-crl":"^0.13.10","babel-eslint":"^10.0.3","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-prettier":"^6.7.0","eslint-config-standard":"^14.1.0","eslint-config-standard-react":"^9.2.0","eslint-plugin-import":"^2.18.2","eslint-plugin-node":"^11.0.0","eslint-plugin-prettier":"^3.1.1","eslint-plugin-promise":"^4.2.1","eslint-plugin-react":"^7.17.0","eslint-plugin-standard":"^4.0.1","gh-pages":"^2.2.0","npm-run-all":"^4.1.5","prettier":"^2.0.4","react":"^16.13.1","react-dom":"^16.13.1","react-scripts":"^3.4.1"},"dependencies":{"prop-types":"^15.7.2"},"gitHead":"f7dcc27516d898928f9bde93fc0766f1e4eccd1a","bugs":{"url":"https://github.com/doppelgunner/audio-react-recorder/issues"},"_id":"@altimus/audio-react-recorder@1.0.7","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-SCPRKYK6D/cZRnJHjw6mHjJtJv1v3vcMDpSrqcb6IlCF5rPFyVz2oNrQrr3gi2AJgpkGCTb71mjzKOqRarGEzQ==","shasum":"fc634995dfa09216b9daf600980cf5f0bade5ca7","tarball":"https://registry.npmjs.org/@altimus/audio-react-recorder/-/audio-react-recorder-1.0.7.tgz","fileCount":7,"unpackedSize":120575,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDir/UKVCzqY8kpOZyMPqu7uh8+zMLDor2dAEP1uQA54AIgVG/sZYlfouADymIeKi6Gdryk3QS2hMXRcicAaTTWxIQ="}]},"_npmUser":{"name":"dev_altimus","email":"dev@altimus.com.br"},"directories":{},"maintainers":[{"name":"dev_altimus","email":"dev@altimus.com.br"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/audio-react-recorder_1.0.7_1729701782401_0.09917255244665846"},"_hasShrinkwrap":false}},"time":{"created":"2024-10-22T20:40:13.906Z","modified":"2024-10-23T16:43:02.917Z","1.0.5":"2024-10-22T20:40:14.263Z","1.0.6":"2024-10-23T13:14:53.419Z","1.0.7":"2024-10-23T16:43:02.645Z"},"bugs":{"url":"https://github.com/doppelgunner/audio-react-recorder/issues"},"author":{"name":"developer"},"license":"MIT","homepage":"https://github.com/doppelgunner/audio-react-recorder#readme","keywords":["react","record","audio","voice","record.js","mic","recorder","audiowave"],"repository":{"type":"git","url":"git+https://github.com/doppelgunner/audio-react-recorder.git"},"description":"Audio / Voice Recorder for React","maintainers":[{"name":"dev_altimus","email":"dev@altimus.com.br"}],"readme":"# audio-react-recorder\n\n> Audio / Voice Recorder w/ Audio Wave for React using the [Web Audio API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API)\n\n[![NPM](https://img.shields.io/npm/v/audio-react-recorder.svg)](https://www.npmjs.com/package/audio-react-recorder) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)\n\n## Install\n\n```bash\nnpm install --save audio-react-recorder\n```\n\n## DEMO\n\n[AudioReactRecorder demo](https://doppelgunner.github.io/audio-react-recorder/)\n\n## Usage\n\n```jsx\nimport React, { Component } from 'react'\n\nimport AudioReactRecorder, { RecordState } from 'audio-react-recorder'\n\nclass App extends Component {\n  constructor(props) {\n    super(props)\n\n    this.state = {\n      recordState: null\n    }\n  }\n\n  start = () => {\n    this.setState({\n      recordState: RecordState.START\n    })\n  }\n\n  stop = () => {\n    this.setState({\n      recordState: RecordState.STOP\n    })\n  }\n\n  //audioData contains blob and blobUrl\n  onStop = (audioData) => {\n    console.log('audioData', audioData)\n  }\n\n  render() {\n    const { recordState } = this.state\n\n    return (\n      <div>\n        <AudioReactRecorder state={recordState} onStop={this.onStop} />\n\n        <button onClick={this.start}>Start</button>\n        <button onClick={this.stop}>Stop</button>\n      </div>\n    )\n  }\n}\n```\n\n## Supported props\n\n| Property name   | Type          | Default            | Description                                          |\n| --------------- | ------------- | ------------------ | ---------------------------------------------------- |\n| state           | string        | RecordState.NONE   | RecordState.(NONE,START,STOP,PAUSE)                  |\n| type            | string        | audio/wav          | MIME type of the audio file                          |\n| backgroundColor | string        | rgb(200, 200, 200) | Background color of the audio wave / canvas          |\n| foregroundColor | string        | rgb(0, 0, 0)       | Foreground color of the audio wave / canvas          |\n| canvasWidth     | number,string | 500                | Canvas width (you can use css to make it responsive) |\n| canvasHeight    | number,string | 300                | canvas height                                        |\n\n## License\n\nMIT © [noobieprogrammer](https://github.com/noobieprogrammer)\n\n## Buy me a coffee or just follow me\n\n[![paypal](https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=GCJGP8MTETUYU)\n\n- [My Blog](https://noobieprogrammer.blogspot.com/)\n- [Twitter](https://twitter.com/noobieprogrmmer)\n- [Youtube](https://www.youtube.com/channel/UCpzMkMzGopmft5welUr8QZg)\n","readmeFilename":"README.md"}