mp3를 재생하는 버튼을 만드는 방법 tts

Question

나는 여기 새로 왔지만 당신이 나를 도울 수 있기를 바랍니다.

Google에서 생성하는 음성 mp3에 텍스트를 재생하는 버튼을 만들려고합니다. 나는 번역자를 만들고있어, 그래서 내가 원하는 것은 google translation (어떤면에서)과 같은 것을하는 것이다.

나는 javascript 및 actionscript로 시도했지만 제대로 작동하지 못했습니다. O를하는 것입니다,

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을 가지고,하지만 난 그것을 포함하는 방법을 모른다 :

난 자바 스크립트 기능이 있습니다 최선의 방법. 내 말은, 나는 자바 스크립트로 그것을 포함시킬 수 있지만, Google이 생성하는 파일이 mp3이기 때문에 작동하는지 확실하지 않습니다.

와 나는 그것을 HTML5와 함께 할 수 있다면 나 또한 궁금해 이미지의 온 클릭 재생이 MP3 ...

이 필요합니다.

아무도 내가 그것을 고맙게 생각할만한 해결책을 안다면!

미리 감사 드리며 좋은 하루 되세요 !!!

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