如何创建一个播放 mp3 google tts 的按钮

我是新来的，但我希望你能帮助我。

我正在尝试创建一个按钮来播放谷歌生成的文本到语音 mp3。我正在创建一个翻译器，所以，我想要做的是像谷歌翻译这样的事情（以某种方式）。

我尝试过使用 javascript 和 actionscript，但无法使其工作。

我有这个 JavaScript 函数：

function audio () {
    // here i get the word that i want to hear
    texto = document.getElementById('txt-result-palabra').innerHTML;
    // now i get the language
    idioma = document.getElementById("id-traducir-palabra").value;
    url = "http://translate.google.com/translate_tts?q=";
    url += texto;
    url += "&tl=";
    url += idioma;
    }  

所以，通过这个函数，我实际上有了一些单词的 google tts 的 url，但我不知道如何嵌入它，o 这是最好的方法。我的意思是，我可以用javascript嵌入它，但我不确定它是否会工作，因为谷歌生成的文件是一个mp3。

我需要在单击图像时播放此 mp3...

我也想知道是否可以用html5来完成。

如果有人知道任何解决方案，我将非常感激！

提前致谢，祝您有美好的一天！

假设您有 MP3 的 url，则需要附加到文档中

<audio autoplay="autoplay">
  <source src="url_to_google_tts.mp3" type="audio/mpeg">
</audio>

...

var audioObj = document.createElement("audio");
audioObj.autoplay = "autoplay";

var sourceObj = document.createElement("source");
sourceObj.src = "url_to_google.mp3";
sourceObj.type= "audio/mpeg";
audioObj.appendChild(sourceObj);

document.body.appendChild(audioObj);