2012-11-12 74 views
1

在JavaScript或HTML5中,如何播放與動態的MP3音頻,而不是靜態,URL?如何在HTML5或JavaScript中使用動態網址播放MP3音頻?

示例 - 以下不工作:

<audio controls="controls"> 
    <source src="http://translate.google.com/translate_tts?tl=en&q=Hello%2C+World" type="audio/ogg"> 
</audio> 

提前感謝!

+0

你的例子沒有例子。 – xiaoyi

+0

我有一種感覺,這可能是因爲谷歌阻止從第三方網站分配資源的鏈接 –

+0

@xiaoyi:我的示例演示了我需要做什麼,但似乎我使用了錯誤的MIME類型的MP3音頻。 – Orion

回答

6

這是音頻/ MPEG,沒有音頻/ OGG格式,從標題所示:

Content-Type:audio/mpeg 

試試這個:

<audio controls="controls"> 
    <source src="http://translate.google.com/translate_tts?tl=en&q=Hello%2C+World" type="audio/mpeg"> 
</audio> 

http://jsfiddle.net/ZCwHH/

工程在瀏覽器的播放mp3,像谷歌鉻。

+0

非常感謝!看起來我沒有注意到MIME類型.. 我可能還需要在HTML4中做到這一點。你知不知道怎麼?謝謝。 – Orion

2

我不知道你想在你的例子來實現,但只要播放音頻與HTML5而言,你可以簡單地做它在這些方面的內容:

Static Url:

<audio controls="controls"> 
    <source src="mySong.mp3" type="audio/mpeg"> 
</audio> 

Dynamic Url:(只需在src屬性中打印該url即可)

<audio controls="controls"> 
    <source src="<%Reponse.Write(url);%>" type="audio/mpeg"> 
</audio> 

希望它解決了這個問題。