如何创建一个播放MP3谷歌的按钮

时间:2010-07-27 07:44:06

标签: javascript text-to-speech google-translate html5-audio

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

我正在尝试创建一个播放Google生成的文本到语音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;
    }  

所以,使用这个功能我实际上有一些关于某些单词的谷歌的网址,但我不知道如何嵌入它,o这是最好的方法。我的意思是,我可以用javascript嵌入它,但我不确定它是否会起作用,因为谷歌生成的文件是一个mp3。

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

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

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

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

1 个答案:

答案 0 :(得分:4)

假设你有MP3的网址,你需要附加到文件

<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);