React component useful to display the speech recognition status
npm install react-speech-recognition-status
>=react@15
>=react-dom@15
>=prop-types@15
font-awesome
has to be loaded
import SpeechRecognitionStatus from 'react-speech-recognition-status';
const SpeechRecognitionStatusComponent = <SpeechRecognitionStatus
contextName='Foo'
recording
final
text='hello world'
/>
contextName(string)
: Displays a label at the left of the transcriptionerror(bool)
: When istrue
displays an error iconconnecting(bool)
: When istrue
displays a connecting iconrecording(bool)
: When istrue
displays a mic iconfinal(bool)
: When istrue
adds a classname'final'
to the text containertext(string)
: Displays the given transcription into the text containercompact(bool)
: When istrue
displays compacted versionvolume(number)
: Whenrecording
istrue
the mic icon shows the volume level