2014-01-13 107 views
1

我目前正在調試此MP3流不能在Chrome中播放的原因。MP3流不會在Chrome中使用HTML5音頻播放

我有以下代碼: http://jsfiddle.net/6XVQB/

<audio controls> 
    <source src="http://radio.4play.fm:80/192.mp3" type="audio/mpeg"> 
</audio> 

這工作正常,在Firefox,但無法在Chrome。該流正在使用Icecast交付。當我使用Shoutcast在http://radio.4play.fm:443/192.mp3上提供同一個流時,它在Chrome中正常運行。

+0

如果您使用'audio/mp3'作爲您的mime類型,那麼這會起作用嗎? –

+0

音頻/ mp3也不起作用。 –

+0

@SeanBannister在JSFiddle的Chrome中沒有問題。也許服務器在測試時遇到困難? – Brad

回答

3

有時流式廣播電臺試圖誤導或欺騙他們的流的身份。

我只是開發了一個HTML5收音機自動點唱機http://m.gooplusplus.com/?radio

在這個過程中,我發現我經常不得不「調整」的網址,使事情的工作。

試試這個交替代碼爲你流:

<audio controls src="http://radio.4play.fm:80/192.mp3#.m4a" type="audio/mpeg">

順便說一句,我說你流的80kbps奧格版本到我的網站(E2),因爲我不太瞭解電子音樂/俱樂部音樂和需要該類型的電臺數量更少。

+1

將錨點片段添加到音頻資源這絕對沒有什麼作用,除非你有一些非常糟糕的代碼來查看「文件擴展名」,而不是正確的「Content-Type」頭文件,在這種情況下,你的播放器軟件將在大多數互聯網廣播服務器上失敗。 – Brad

+0

這看起來與filname擴展有關,因爲我們的替代URL http://radio.4play.fm:80/mp3可以正常工作。然而,這不是問題,因爲我們只是使用原始

+0

@SeanBannister它與文件擴展名無關,我向你保證。您的替代網址是完全不同的資源。這完全是一個不同的流。 – Brad