Как создать кнопку которая играет мпт гугл ттс

Question

Я новичок здесь, но я надеюсь, что вы можете мне помочь.

Я пытаюсь создать кнопку, которая воспроизводит текст в речь mp3, который генерирует Google. Я создаю переводчик, так что я хочу сделать что-то вроде Google Translate (в некотором роде).

Я пытался с 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;
    }  

Итак, с этой функцией у меня фактически есть URL Google TTS для какого-то слова, но я не знаю, как его встроить, о, который является лучшим способом сделать это. Я имею в виду, я могу встроить его в JavaScript, но я не уверен, что он будет работать, так как файл, который генерирует Google, является mp3.

и мне нужно, чтобы этот mp3 проигрывался на клике изображения...

Мне также интересно, если это можно сделать с помощью HTML5.

если кто-нибудь знает какое-либо решение, я был бы очень признателен!

заранее спасибо и хорошего дня!!!

Answer 1

Предполагая, что у вас есть URL для 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);