问html5音频直播

EN

不幸的是，仍然没有单一的视频和音频编解码器，这是所有浏览器支持的！程序员必须确保在浏览器A不支持编解码器B的情况下，为用例提供退路，反之亦然。

您可以查看这个兼容表，用于桌面浏览器和移动浏览器。

桌面：

• (9.0+)支持MP3和AAC编解码器
• Chrome (6.0+)支持Ogg，MP3，WAV+
• 火狐(3.6+)支持Ogg，WAV
• Safari (5.0+)支持MP3、AAC、WAV
• Opera (10.0+)支持Ogg，WAV

手机：

• Opera (11.0+)支持的编解码器依赖于设备。
• Android (2.3+)支持的编解码器依赖于设备。
• 移动Safari (iDevices with iOS 3.0+)支持MP3
• 黑莓(6.0+)支持MP3

由于闪光灯仍然广泛存在，它可能是最安全的退路。

另外，我想指出的是，使用某些库没有什么更糟的，其中一些库(例如jPlayer)提供了非常强大的接口，这只能帮助您生成更好的代码！

我认为您可以在以下文章中找到您想知道的一切：歌剧院HTML5音频收音机播放器

从“实时源”播放音频似乎受到现代浏览器的支持。基本上，只需使用普通的HTML 5音频标记，并输入“活动流”URL作为源，例如：

<audio controls>
  <source src="http://audio-mp3.ibiblio.org:8000/wcpe.mp3" type="audio/mpeg">
  <source src="http://audio-ogg.ibiblio.org:8000/wcpe.ogg" type="audio/ogg">
</audio>

尽管试图使用默认控件进行搜索，但流“只起作用”。因此，最终您可能希望将控件替换为“自定义”控件，采用正常的HTML 5媒体样式。为了与非HTML 5浏览器向后兼容，这个项目可能很有用：https://github.com/etianen/html5media/wiki/Embedding-audio (还没有对其进行实时流测试，但可以/应该工作)。Mp3编解码器似乎在主要浏览器中得到了支持(在Linux上可能禁止火狐)。Opus可能是另一个很好的跨平台的选择，我不确定编解码器明智的选择是什么“最好”的选择。

对于一些流(我猜想)，我不得不在URL中添加一个结尾';‘，请参阅https://stackoverflow.com/a/3182814/32453的注释，但这基本上只是为了得到“正确”的url。