как создать кнопку которая играет mp3 гтс ттс - PullRequest
Новая
       17

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

4 голосов
/ 27 июля 2010

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

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

я пробовал использовать javascript и actioncript, но не смог заставить его работать.

У меня есть эта функция 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 для какого-то слова, но я не знаю, как его вставить, oчто является лучшим способом сделать это.Я имею в виду, я могу встроить его с JavaScript, но я не уверен, что это сработает, так как файл, который генерирует Google, является mp3.

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

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

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

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

1 Ответ

4 голосов
/ 27 июля 2010

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