react-native-sound-recorder-no-native
v0.0.72
Published
A simple react native sound recorder and player module suitable for dropping into expo.io and other react native applications. It contains no native platform specific code.
Downloads
6
Maintainers
Readme
React Native Sound Recorder (No Native)
A simple drop in sound recorder component for react native applications.
This module makes extensive use of the Expo.io Audio SDK located here. It includes a sensible set of audio setup defaults, but can be customised using the information contained in the expo.io documentation.
Why Use This?
This module is useful if you need a drop in sound recording component for an application in which using platform specific native code is prohibited; for example an application created using expo.io.
Why Not Use This?
You are not restricted from using native code, and can find a better module to use.
Installation
npm install --save react-native-sound-recorder-no-native
Usage
import SoundRecorder from 'react-native-sound-recorder-no-native';
Example
<SoundRecorder
style={{ flex: 1 }}
onComplete={this.soundRecorderComplete.bind(this)}
maxDurationMillis={150000}
completeButtonText={'Finished'}
/>
This component accepts the following props:
| Name | Type | Default | Description | | ---------------------- | ---- | -------- | ----------- | | onComplete (required) | function | none | callback function executed when the user presses the finish recording button. Is passed sound file information (see below) | | maxDurationMillis | number| 600000 (10 miniutes) | maximum length of the recording in milliseconds | | completeButtonText | string| finished | text dsplayed on the button that executes the onComplete callback | | audioMode | object | see below | a set of key value pairs used to customize recording see Expo documentation | | timeStampStyle | object | {color: 'blue',fontSize: 40} | style of the timestamp displayed while playing and recording | | showTimeStamp | boolean | true |determines whether or not to display timestamp | | showDebug | boolean | false |shows debug related items in a view on the recorder screen |
Sound Clip information returned by this component
The onComplete callback receives an object similiar to the following
"size":115824,
"modificationTime":1515107376,
"uri":"file:///data/user/0/host.exp.exponent/cache/ExperienceData/%2540reggie3%252Freact-native-expo-sound-recorder/Audio/recording-20cfc766-faba-47cf-9914-8fc81b149012.m4a",
"isDirectory":false,
"exists":true,
"durationMillis": 34535