MP3 流无法与 Chrome 中的 HTML5 音频一起播放答案

【问题标题】：MP3 stream won't play with HTML5 Audio in ChromeMP3 流无法与 Chrome 中的 HTML5 音频一起播放
【发布时间】：2016-02-18 05:21:30
【问题描述】：

我目前正在调试为什么这个 MP3 流无法在 Chrome 中播放。

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

这在 Firefox 中可以正常工作，但在 Chrome 中却不行。流正在使用 Icecast 传送。当我在http://radio.4play.fm:443/192.mp3 使用 Shoutcast 提供相同的流时，它在 Chrome 中运行良好。

【问题讨论】：

【解决方案1】：

有时流媒体电台会试图误导或欺骗其流媒体的身份。

我刚刚开发了一个 HTML5 收音机点唱机http://m.gooplusplus.com/?radio

在这个过程中，我发现我经常不得不“调整” URL 以使事情正常进行。

为您的直播尝试以下替代代码：

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

顺便说一句，我将您的 80kbps Ogg 版本的流媒体添加到我的网站 (E2)，因为我对电子音乐/俱乐部音乐知之甚少，需要更多该类型的电台。

【讨论】：

像这样向音频资源添加锚片段绝对没有任何作用，除非您有一些非常损坏的代码在查看“文件扩展名”而不是正确的 Content-Type 标头，在这种情况下，您的播放器软件将在大多数互联网广播服务器上失败。
这肯定是 filname 扩展的问题，因为我们的替代 URL radio.4play.fm:80/mp3 工作正常。但是，这不是我们的代码损坏的问题，这似乎是 Chrome 的问题，因为我们只是使用原始
@SeanBannister 它与文件扩展名无关，我向你保证。您的备用网址是完全不同的资源。这是一个完全不同的流。
Brad 对这种流媒体内容了解更多，但我只知道哪些有效，哪些无效。在纯 HTML 页面中，<audio controls src="http://radio.4play.fm:80/192.mp3" type="audio/mpeg"> 不起作用。 src="http://radio.4play.fm:80/192.m4a 也不起作用。但是，无论出于何种原因，<audio controls src="http://radio.4play.fm:80/192.mp3#.m4a" type="audio/mpeg"> 都可以在 Google Chrome 中使用。
@Brad 在 Icecast（我用来流式传输的服务器）中，/mp3 URL 只是 /192.mp3 的别名，我为简单起见设置了它，流完全一样音频和标题去。