React Native: Native Voice Recorder
npm install react-native-voice-recorder

ReactNative: Native Voice Recorder (Android/iOS)
If this project has helped you out, please support us with a star 🌟
This library is a React Native bridge around native voice recorder libraries. It allows you to record and play voice.
#### iOS
| hackiftekhar/IQAudioRecorderController |
| ----------------- |
|
|
#### Android
| adrielcafe/AndroidAudioRecorder |
| ----------------- |
|
|
$ yarn add react-native-voice-recorder
> RN60 above please use react-native-voice-recorder V1 and above
- iOS
> iOS Prerequisite: Please make sure CocoaPods is installed on your system
- Add the following to your Podfile -> ios/Podfile and run pod update:
``
pod 'IQAudioRecorderController', :git => 'https://github.com/prscX/IQAudioRecorderController', :branch => 'wav'
use_native_modules!
pod 'RNVoiceRecorder', :path => '../node_modules/react-native-voice-recorder/ios'
`
- Android
* Please add below user permission to your app AndroidManifest:
``
> RN60 below please use react-native-voice-recorder V.0.*
$ react-native link react-native-voice-recorder
* Android
* Please add below script in your build.gradle
`
buildscript {
repositories {
jcenter()
maven { url "https://maven.google.com" }
maven { url "https://jitpack.io" }
...
}
}
allprojects {
repositories {
mavenLocal()
jcenter()
maven { url "https://maven.google.com" }
maven { url "https://jitpack.io" }
...
}
}
`
* Please add below user permission to your app AndroidManifest:
``
> Note: Android SDK 27 > is supported
* iOS
> iOS Prerequisite: Please make sure CocoaPods is installed on your system
* After react-native link react-native-voice-recorder, please verify node_modules/react-native-voice-recorder/ios/ contains Pods folder. If does not exist please execute pod install command on node_modules/react-native-voice-recorder/ios/, if any error => try pod repo update then pod installnode_modules/react-native-voice-recorder/ios/pods/Pods.xcodeproject
* After verification, open your project and create a folder 'RNVoiceRecorder' under Libraries.
* Drag into RNVoiceRecorder, as well as the RNVoiceRecorder.xcodeproject if it does not exist.IQAudioRecorderController.framework
* Add the & SCSiriWaveformView.framework into your project's Embedded Binaries and make sure the framework is also in linked libraries.Build Settings -> Frameworks Search Path
* Go to your project's and add ${BUILT_PRODUCTS_DIR}/IQAudioRecorderController & ${BUILT_PRODUCTS_DIR}/SCSiriWaveformView non-recursive.
* Now build your iOS app through Xcode
`javascript
import { RNVoiceRecorder } from 'react-native-voice-recorder';
RNVoiceRecorder.Record({
onDone: (path) => {
},
onCancel: () => {
}
})
RNVoiceRecorder.Play({
path: '',
onDone: (path) => {
},
onCancel: () => {
}
})
`
- General(iOS & Android)
| Prop | Type | Default | Note |
| ---------------------- | ------------------- | ------- | ------------------------------------------------ |
| path: mandatory | string | | Specify media path to play |onDone
| | func | | Specify done callback |onCancel
| | func` | | Specify cancel callback |
- hackiftekhar/IQAudioRecorderController
- adrielcafe/AndroidAudioRecorder
RNVoiceRecorder @ prscX
However, if you get some profit from this or just want to encourage me to continue creating stuff, there are few ways you can do it:
* Starring and sharing the projects you like 🚀
* If you're feeling especially charitable, please follow prscX on GitHub.
Thanks! ❤️
prscX.github.io
Pranav >