Javascript 如何创建一个按钮,播放mp3谷歌tts

Javascript 如何创建一个按钮,播放mp3谷歌tts,javascript,text-to-speech,google-translate,html5-audio,Javascript,Text To Speech,Google Translate,Html5 Audio,我是新来的,但我希望你能帮助我 我正在尝试创建一个按钮来播放谷歌生成的文本到语音的mp3。我正在创建一个翻译,所以,我想做的是像谷歌翻译是(在某种程度上) 我试过使用javascript和actionscript,但没能成功 我有一个javascript函数: function audio () { // here i get the word that i want to hear texto = document.getElementById('txt-result-pala

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

我正在尝试创建一个按钮来播放谷歌生成的文本到语音的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;
    }  
所以,有了这个功能,我实际上有了一些单词的谷歌tts的url,但我不知道如何嵌入它,o这是最好的方法。我的意思是,我可以用javascript嵌入它,但我不确定它是否能工作,因为谷歌生成的文件是mp3

我需要这个mp3在点击图像时播放

我还想知道是否可以用html5实现

如果有人知道任何解决方案,我会非常感激


提前感谢,祝你有一个美好的一天

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

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

嗨,伊兹瓦蒂!谢谢你的回答!!!我的问题是,我用javascript动态构造mp3 url。那么,如何将函数的结果分配给src呢?再次感谢!!!它工作得很好,问题是不是每个浏览器都接受带有html5的mp3,这并不好。我想知道是否可以用flash做类似的事情?谢谢sole,既然mp3也是由谷歌动态生成的,你怎么能得到它呢?谢谢你的帮助!谢谢
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);