@lodev09/expo-recorder
v0.2.1
Published
Audio recorder for your React Native apps ⏺️
Downloads
121
Maintainers
Readme
Expo Recorder
Audio recorder for your React Native apps 🎙️
This is a wrapper component that implements Expo Audio and features an animated waveform for your recording needs. 💪
Installation
npx expo install @lodev09/expo-recorder
Dependencies
npx expo install expo-av react-native-reanimated react-native-gesture-handler
You might want to check out the individual installation instructions from this package's dependencies.
Usage
import { View, Button } from 'react-native'
import { Recorder, type RecorderRef } from '@lodev09/expo-recorder'
const App = () => {
const recorder = useRef<RecorderRef>(null)
const startRecord = () => {
recorder.current?.startRecording()
}
const stopRecord = () => {
recorder.current?.stopRecording()
}
const recordingStopped = (uri?: string) => {
console.log(uri) // Save the uri somewhere! 🎉
}
return (
<View>
<Recorder ref={recorder} onRecordStop={recordingStopped} />
<Button title="Record" onPress={startRecord} />
<Button title="Stop" onPress={stopRecord} />
</View>
)
}
For more advanced usage, see example.
Contributing
See the contributing guide to learn how to contribute to the repository and the development workflow.
License
MIT
Made with ❤️ by @lodev09