RecordButton
The record button will record audio from the users microphone and stores the audio blob. This component comes in 4 states readyToRecord, recording, readyToPlay and playing which is triggered each time the button is clicked with a smooth transition between each state.
There is also a reset/retry button to allow the user to redo the recording which will only visible after a recording.
For easier translations this component has several text props for each string used and the onRecordComplete prop is a callback function to retrieve the audio blob after the recording.
Installation
yarn add @berlitz/record-button
Props
Argument | Type | Required | Default |
---|---|---|---|
onRecordComplete | function | () => {} | |
onStartRecording | function | () => {} | |
onStopRecording | function | () => {} | |
playingText | string | Stop Listening | |
readyToPlayText | string | Play Audio | |
readyToRecordText | string | Start Recording | |
recordingText | string | Stop Recording | |
retryText | string | Retry | |
timeLimitMs | number |
Usage
import RecordButton from '@berlitz/record-button'
const MyApp = () => <RecordButton />