Using Google Text-To-Speech in Javascript

Question

I need to play Google text-to-speech in JavaScript   The idea is to use the web service       http   translate google com translate tts tl en amp q This 20is 20just 20a 20test   And play it on a certian action  e g  a button click   But it seems that it is not like loading a normal wav mp3 file    lt audio id  audiotag1  src  audio example wav  preload  auto  gt  lt  audio gt    lt script type  text javascript  gt      function play             document getElementById  audiotag1   play           lt  script gt    How can I do this

User · Answer

Another option now may be HTML5 text to speech, which is in Chrome 33+ and many others.

Here is a sample:

var msg = new SpeechSynthesisUtterance('Hello World');
window.speechSynthesis.speak(msg);

With this, perhaps you do not need to use a web service at all.

User · Answer

I don t know of Google voice  but using the javaScript speech SpeechSynthesisUtterance  you can add a click event to the element you are reference to  eg   x000D   x000D  const listenBtn   document getElementById  myvoice     listenBtn addEventListener  click    e    gt      e preventDefault       const msg   new SpeechSynthesisUtterance       Hello  hope my code is helpful         window speechSynthesis speak msg        x000D   lt button type  button  id  myvoice  gt Listen to me lt  button gt  x000D   x000D   x000D

User · Answer

Here is the code snippet I found   var audio   new Audio    audio src   http   translate google com translate tts ie utf-8 amp tl en amp q Hello 20World    audio play

User · Answer

Run this code it will take input as audio microphone  and convert into the text than audio play    lt  doctype HTML gt   lt head gt   lt title gt MY Echo lt  title gt   lt script src  http   code responsivevoice org responsivevoice js  gt  lt  script gt   lt link rel  stylesheet  type  text css  href  https   cdnjs cloudflare com ajax libs font-awesome 4 6 1 css font-awesome min css    gt   lt style type  text css  gt      body           font-family  verdana              result           height  100px          border  1px solid  ccc          padding  10px          box-shadow  0 0 10px 0  bbb          margin-bottom  30px          font-size  14px          line-height  25px             button           font-size  20px          position  relative          left  50          lt  style gt         Speech to text converter in JS                    var r   document getElementById  result         function startConverting             if   webkitSpeechRecognition  in window                var speechRecognizer   new webkitSpeechRecognition                speechRecognizer continuous   true              speechRecognizer interimResults   true              speechRecognizer lang    en-IN               speechRecognizer start                var finalTranscripts                   speechRecognizer onresult   function event                    var interimTranscripts                       for  var i   event resultIndex  i  lt  event results length  i                          var transcript   event results i  0  transcript                      transcript replace   n     lt br gt                         if  event results i  isFinal                            finalTranscripts    transcript                          var speechresult   finalTranscripts                          console log speechresult                           if  speechresult                                responsiveVoice speak speechresult   UK English Female                                     pitch  1                                                                  rate  1                                                                                 else                           interimTranscripts    transcript                                                          r innerHTML   finalTranscripts     lt span style  color  999  gt     interimTranscripts     lt  span gt                               speechRecognizer onerror   function event                else               r innerHTML    Your browser is not supported  If google chrome  please upgrade                     lt  script gt   lt  body gt    lt  html gt

User · Answer

The below JavaScript code sends  quot text quot  to be spoken converted to mp3 audio to google cloud text-to-speech API and gets mp3 audio content as response back   var text-to-speech   function state        const url    https   texttospeech googleapis com v1beta1 text synthesize key GOOGLE API KEY      const data            input              text   Android is a mobile operating system developed by Google  based on the Linux kernel and designed primarily for touchscreen mobile devices such as smartphones and tablets                   voice              languageCode   en-gb             name   en-GB-Standard-A             ssmlGender   FEMALE                  audioConfig           audioEncoding   MP3                       const otherparam           headers               quot content-type quot   quot application json  charset UTF-8 quot                     body JSON stringify data           method  quot POST quot              fetch url otherparam       then data  gt  return data json          then res  gt  console log res audioContent           catch error  gt  console log error  state onError error

User · Answer

You can use the SpeechSynthesisUtterance with a function like say   function say m      var msg   new SpeechSynthesisUtterance      var voices   window speechSynthesis getVoices      msg voice   voices 10     msg voiceURI    native     msg volume   1    msg rate   1    msg pitch   0 8    msg text   m    msg lang    en-US     speechSynthesis speak msg       Then you only need to call say msg  when using it   Update  Look at Google s Developer Blog that is about Voice Driven Web Apps Introduction to the Web Speech API

User · Answer

Very easy with responsive voice  Just include the js and voila    lt script src  https   code responsivevoice org responsivevoice js  gt  lt  script gt    lt input onclick  responsiveVoice speak  This is the text you want to speak     type  button  value   Play    gt

[javascript] Using Google Text-To-Speech in Javascript

Examples related to javascript

Examples related to google-text-to-speech