Getting Started
a simple speech synthesis hook, built in Typescript.
installation
npm i use-speech18
usage
import useSpeech from "use-speech18"
function App(){
const {Speak, speak_utils} = useSpeech()
}
speak_utils
functionality:
speak_utils:
Voices: SpeechSynthesisVoice[];
selectedVoice: SpeechSynthesisVoice | undefined;
pitch: number;
rate: number;
setVoice: (voiceName: string) => void;
setPitch: (pitch: number) => void;
setRate: (rate: number) => void;
Speak:
Speak: (txt: string) => void
example
const text = `
I did not kill Joffrey, but I wish that I had! Watching your vicious bastard die gave me more relief than a thousand lying whores!, I wish I was the monster you think I am! I wish I had enough poison for the whole pack of you! I would gladly give my life to watch you all swallow it!, I will not give my life for Joffery's murder and I know I'll get no justice here, so I will let the gods decide my fate. I demand a trial by combat
`
function App(){
const {Speak, speak_utils} = useSpeech()
useEffect(()=> {
console.log("array of avalaible voices", speak_utils.Voices)
speak_utils.setVoice(speak_utils.Voices[1].name)
console.log(speak_utils.selectedVoice, "currently selected voice")
}, [speak_utils.Voices])
}
return (
<div className="app">
<button onClick={() => Speak(text)}>speak</button>
</div>
)