npm

Need private packages and team management tools?Check out npm Orgs. »

@berlitz/record-button

0.3.3 • Public • Published

RecordButton npm version

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 />

Keywords

none

install

npm i @berlitz/record-button

Downloadsweekly downloads

40

version

0.3.3

license

MIT

homepage

github.com

last publish

collaborators

  • avatar
Report a vulnerability