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&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:

<audio id="audiotag1" src="audio/example.wav" preload="auto"></audio>  <script type="text/javascript">     function play() {         document.getElementById('audiotag1').play();     } </script> 

How can I do this?

Answer 1

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.