Web-Speech-Synthesis

Web Speech Synthesis component is created using simple JavaScript. It takes input from user through voice or text and gives respective output.

Output Format

To preview demo of Web-Speech-Synthesis Project, Click Here

Getting Started

Download the Web-Speech-Synthesis project and run the index.html file.

Description

Text to Voice

In Javascript there is a window object method called window.speechSynthesis and class called SpeechSynthesisUtterance which will take the input from user through text box and convert it into voice.

SpeechSynthesisUtterance -- Voice accent will be customised based on following requirements

• Rate -- 'Rate of speed'
• Pitch -- 'Tone'
• Language -- ' Output Language'

Voice to Text

In Javascript there is a class called webkitSpeechRecognition it will convert user voice to text.

There are two buttons available to start and stop the recording of voice.

How it works

Add the script file in HTML form and user have to give following id's for corresponding form fields.

• text-input -- for "text to voice" (textarea formfield)

• listen-voice-- for "text to voice" (button field)

• voice-text-input -- for "voice to text" (textarea formfield)

• start -- for "start recording" (button field)

• stop -- form "stop recording" (button field)

Above fields are mandatory to maintain

How To Use

Text to Voice

  First user have to enter text in text box, then select the rate, pitch and language of voice then 
  click on listen to text.

Voice to Text

  First user have to click on speak it button then it starts voice recording, once it is done user has to 
  click on stop it button then resultant text will be appear in text box.