如何创建播放mp3的按钮tts

我想创建一个按钮，播放文本到谷歌生成的语音mp3。我正在创建一个翻译器，所以，我想要的是做一些类似谷歌翻译（以某种方式）。

我试过使用JavaScript和动作脚本，但我无法使它工作。

我有这个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一些字的网址，但我不知道如何将它嵌入，邻这是最好的方式来做到这一点。我的意思是，我可以嵌入它的JavaScript，但我不知道它是否会工作，因为谷歌生成的文件是一个MP3。

，我需要这样的MP3播放图像的onClick ...

我也想知道，如果它可以用HTML5来实现。

如果有人知道任何解决方案，我会很感激！

在此先感谢，祝你有美好的一天！

来源

2010-07-27 sole

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

来源

2010-07-27 08:29:42 Warty

喜ItzWarty！谢谢回答！！！我的问题是，我用javascript动态构建mp3网址。那么，如何将功能的结果分配给src？再次感谢！ – sole 2010-07-27 09:23:20

非常感谢IltsWarty，我可以用你的信息做到这一点！大！：D – sole 2010-07-27 11:23:15

@sole - 如果他的答案解决了您的问题，请接受它。 – 2010-07-27 14:57:31

如何创建播放mp3的按钮tts

回答

相关问题