如何創建播放mp3的按鈕tts

Question

我是新來的，但我希望你能幫助我。

我想創建一個按鈕，播放文本到谷歌生成的語音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來實現。

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

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

Answer 1

假設你有網址的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);