我正在尝试使用谷歌的translate_tts，但获得404

Question

我试图让我的网站说一些话，我发现人们经常使用google的translate_tts。

我已经尝试了几种方法来使整个过程发挥作用，但我仍然无法在我的网站（http://jsfiddle.net/n0e011t7/）上运行其他代码。

1）来自Text to speech using javascript and translate_tts

的代码

var sound = new Audio("http://translate.google.com/translate_tts?tl=sv&q=Testar");
sound.play();

这对我不起作用 - 谷歌返回404.但是如果我从浏览器标签中的代码中打开相同的链接，它会加载（在页面重新加载后）声音文件并播放它。

我尝试了另外三个选项，但具有相同的重复性：

2）

var nodeHTML = 
    '<audio src="http://translate.google.com/translate_tts?ie=UTF-8&q=hello&tl=en" autoplay="autoplay"></audio>';    
$("#sound").html(nodeHTML);

3）

var audioElement = document.createElement('audio');
audioElement.setAttribute('src', 'http://translate.google.com/translate_tts?tl=en&q=hello%20all');
audioElement.play();

4）

var audioElement = document.createElement('audio');
audioElement.setAttribute('src', 
     'http://translate.google.com/translate_tts?tl=en&q=hello%20all');
audioElement.load()
audioElement.addEventListener("load", function() { 
  audioElement.play(); 
}, true);

为什么它的工作如此奇怪，我的意思是，URL从浏览器选项卡打开，但如果从javascript访问则返回404？