speech-js

speech recognition and speech synthesis

DEMO

• Instalation
• Quick start
• Synthesis
  • voice
  • synthesis methods
• Recognition
  • grammar
  • recognition methods

Instalation

npm install speech-js --save or yarn add speech-js

Quick start

import speech from 'speech-js'

speech.synthesis('hello world', 'en-US') // speech synthesis module

const recognition = speech.recognition('en-US') // speech recognition module
recognition.start()
recognition.onresult = e => {
  let result = e.results[0][0].transcript
  speech.synthesis(result, 'en-US')
}

Synthesis

speech.synthesis(text, voice, rate, volume, pitch)

Properties	Default value	Type	Range
text	' '	String
voice	system lang	String or Object
reate	1	Number	0.1 - 10
volume	1	Number	0 - 1
pitch	1	Number	0 - 2

voice

Voice properties can by String or Object

If you use String properties for voice, speech set lang properties. For example:

speech.synthesis('Hello World', 'en-US')

Or if you want use the other voices on your computer, code will be looks like this:

speechSynthesis.onvoiceschanged = () => {
  const voices = window.speechSynthesis.getVoices()
  speech.synthesis('hello world', voices[0])
}

where voices is an array with voices installed on your computer

synthesis methods

speechSynthesis.cancel()

speechSynthesis.pause()

speechSynthesis.resume()

Recognition

speech.recognition(lang, alternatives, grammar)

Properties	Default value	Type	Range
lang	system lang	String
alternatives	5	Number	infinity
grammar	' '	String

grammar

The grammars property of the SpeechRecognition interface returns and sets a collection of SpeechGrammar objects that represent the grammars that will be understood by the current SpeechRecognition.

Example:

const grammar = #JSGF V1.0; grammar colors; public <color> = aqua | azure | beige | bisque | black | blue | brown | chocolate | coral | crimson | cyan | fuchsia | ghostwhite | gold | goldenrod | gray | green | indigo | ivory | khaki | lavender | lime | linen | magenta | maroon | moccasin | navy | olive | orange | orchid | peru | pink | plum | purple | red | salmon | sienna | silver | snow | tan | teal | thistle | tomato | turquoise | violet | white | yellow ;

recognition methods

speech.recognition().start()

speech.recognition().stop()

speech.recognition().abort()