0.4.0 • Published 4 years ago
@berlitz/record-button v0.4.0
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-buttonProps
| 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 />