如何使用HTML5播放shoutcast/icecast流？

46

將分號添加到http請求的末尾。它是由shoutcast提出的用於覆蓋它的瀏覽器檢測的協議。就像這樣：

<audio controls src="http://shoutcast.internet-radio.org.uk:10272/;"></audio>

來源

2010-07-06 00:11:07

+2

+1很好的修復，並沒有意識到這一點！ – bobince 2011-10-30 21:21:59

3

是的。但其僅在Safari

工作

<!DOCTYPE html> 
<audio controls src="http://shoutcast.internet-radio.org.uk:10272/"></audio>

原因Opera和Firefox不支持非自由編解碼器

來源

2010-04-30 08:52:31 classless

+0

難道還對Chrome的工作嗎？ – 2010-04-30 08:54:54

3

在這裏看到：Is it possible to play shoutcast internet radio streams with html5?

來源

2010-04-30 08:57:31 Werewolve

18

有一個大問題，Shoutcast一樣，我懷疑是負責它即使在支持MP3的Chrome中也不行。

Shoutcast一樣可以用於三種不同類型的響應的：

天然-Shoutcast一樣「ICY」協議流音頻響應。如果訪問該流的玩家包含icy-metadata: 1標題，則它決定這樣做。
對於沒有ICY支持的媒體播放器，沒有額外元數據的純HTTP流音頻響應。
「SHOUTcast D.N.A.S.」狀態「頁面和Web界面上的其他頁面。

它是如何決定是否投放網頁，而不是一個音頻流的？它猜測你是否使用網絡瀏覽器。通過查看User-Agent標頭是否以Mozilla/...開頭。因爲所有的網頁瀏覽器都是Mozilla，對吧？ Jeez，SHOUTcast。因此，當Chrome嘗試獲取音頻流播放時，SHOUTcast認爲它是一個網頁瀏覽器（呃...它是），並拒絕將音頻流放入音頻標籤中。相反，它會獲得管理網頁。

（我猜Safari會通過icy-metadata頭來避免這個問題，對SHOUTcast有特殊的支持，目前我無法測試它，因爲Safari不會播放音頻或視頻，也許它會讓我安裝QuickTime的，也許它可以去填充）

所以你可能需要添加一個Flash音頻播放器作爲後備。

來源

2010-04-30 09:39:50 bobince

+0

非常有趣。 – jayarjo 2010-07-17 06:51:16

+0

非常感謝你不僅說它不工作，而且解釋爲什麼！ – leemes 2011-10-30 19:09:03

4

<audio src="http://85.25.108.20:8090/;" controls autoplay></audio>

這應該做工精細，但要確保/;有流URL和端口之後。如果您不需要自動播放，請移除「自動播放」標籤。

來源

2013-05-19 18:26:15

+0

我稍微編輯了你的帖子，當你在Stack Overflow上發帖時，請嘗試使用正確的語法。除此之外，幹得好！ – Nathan2055 2013-05-19 18:45:41

0

在瀏覽器中使用<audio>標記重定向問題時，嘗試在流URL的末尾添加「/ stream」以防止重定向。

例如：

不工作： http://live-radio01.xxxxxx.com/2TJW/mp3

工作： http://live-radio01.xxxxxx.com/2TJW/mp3/stream

來源

2017-05-13 15:12:29 DanielBLN

如何使用HTML5播放shoutcast/icecast流？

回答

相關問題