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

Question

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

我正在尝试创建一个按钮来播放谷歌生成的文本到语音 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，但我不知道如何嵌入它，这是最好的方法。我的意思是，我可以用 javascript 嵌入它，但我不确定它是否可以工作，因为 google 生成的文件是 mp3。

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

我也想知道html5能不能做到。

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

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

Answer 1

假设你有 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);