A React text-to-speech component
npm install react-blabla
React hook for generating text-to-speech using the Web Speech API. Features include play, pause and stop controls, as well as karaoke style current word highlighting. Check out the demo!
``
yarn add react-blabla
`
import { useBlabla } from 'react-blabla'
...
const saySomething = useBlabla({ text: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum' });
return (
<>
)
`
| Param | Example |
| ------------- | ------------- |
|text: string| Text for speech |options?: object
|| Options for speech, same as defined in the Web API |
||pitch: number||
||rate: number||
||volume: number||
||voice: SpeechSynthesisVoice||
A hook to get all voices, or one by country code or name. Returns array if multiple matches to query, like language code, or single voice if name param is passed. If no param passed will return all voices available in browser.
`
import { useGetVoices } from 'react-blabla'
const voices = getVoices()
// const voiceByName = getVoices({ name: 'Amelie' })
// const voicesByLanguage = getVoices({ language: 'en-US' })
`
| Param | |
| ------------- | ------------- |
|options?: object`||
||language?: string|
||name?: string|