Javascript 谷歌tts无语音jquery

当我使用这段代码让google_tts说出单词语音时，代码还可以，但有一个问题。单词voice必须先听，然后运行此代码结果是可以的，但是当我不先听时，代码不能说单词。我参考，我想知道真正的问题以及如何解决它

浏览器中的Firefox是否更好，但存在上述问题

IE中存在音频错误：不支持文件类型

在Chorme中没有任何动作，即使//translate.google.com/translate\u tts？tl=en&q=dog也没有声音

我想知道如何修复让IE和Firefox浏览器成功运行，非常感谢

HTML

为什么不使用Php？

$text = urlencode('my text');
$url = "http://translate.google.com/translate_tts?ie=utf-8&tl=en&q=".$text;
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_USERAGENT, "Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1)");
curl_setopt($ch, CURLOPT_TIMEOUT, 60);
$return = curl_exec($ch);
curl_close($ch);

echo $return;

？> 这样地

---

或者这个

虽然这可能有效，但问题并没有提到使用PHP。OP希望在jQuery中实现这一点。

 $('#say-form').submit(function(){
        var ar = new Array("dog","egg","what","big")
        var i=0,file = $("#audio")
        console.log(ar[0])
        $("#s1").attr("src", "http://translate.google.com/translate_tts?tl=en&q="+ar[0]).detach().appendTo("#audio");
        file[0].load();
        file[0].play();
        i++;
        // when it play end, play next word until ar array it's finish
        file.on( "ended", function(){
            if(i!=ar.length)
            {
                $("#s1").attr("src", "http://translate.google.com/translate_tts?tl=en&q="+ar[i]).detach().appendTo("#audio");
                $(this)[0].load();
                $(this)[0].play();
                i++;
            }
        });
        return false;
    });

$text = urlencode('my text');
$url = "http://translate.google.com/translate_tts?ie=utf-8&tl=en&q=".$text;
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_USERAGENT, "Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1)");
curl_setopt($ch, CURLOPT_TIMEOUT, 60);
$return = curl_exec($ch);
curl_close($ch);

echo $return;