如何在所有PC浏览器中播放HTTP Live Streaming（HLS）？

Question

我们将音频源存储在WOWZA服务器中。我们正在寻找一种音频播放器，可以通过RTMP或HTTP（HLS）在Web浏览器中播放音频。

我们已经测试了HTML5的音频标签，但它不支持RTMP和HLS流媒体。

尝试过：

<audio controls autoplay>
<source src="http://host-name/path/playlist.m3u8" type="audio/mpegurl">
Your browser does not support the audio element.
</audio>

问题:

Jplayer、JWplayer和flowplayer怎么样？

请告诉我适合这种情况的音频播放器，或者是否有在HTML5中的解决方案？

- Rohìt Jíndal

Answer 1

还有一种选择 - Flowplayer 6.0 版本：跨浏览器 HLS。 但问题是，只有在使用 GitHub 托管版本（显示 Flowplayer 徽标和品牌）时才是免费的。否则你需要付费：

https://flowplayer.org/pricing/player.html#compare

- Kamen Bl.

Answer 2

只有Safari 6.0+支持本地HLS。

JWplayer支持仅音频的HLS：

JWPlayer - 音频演示

开源mediaelement.js也在一定程度上支持HLS。

- aergistal

---

谢谢！请问有没有更好的替代方法可以在所有移动和桌面浏览器上运行HLS？ - Rohìt Jíndal

HLS在较新版本的Android上得到支持，尽管4.4.3和4.4.3仍存在一些问题，特别是对于直播流。我认为最好的方法是为每种设备类型设置不同的流。在Wowza中，您可以为旧的移动设备激活第二个RTSP输出，但您需要根据连接设备的检测到的功能（通常通过检查User-Agent）来决定向每个客户端发送哪个流。 - aergistal

感谢您的支持..!!.."每个设备类型使用不同的流"意味着我们必须使用物理流文件而不是HLS吗？ - Rohìt Jíndal

Wowza支持使用不同的协议进行直播流，您只需要在您的直播应用程序上配置“回放类型”。请参阅了解流媒体协议和输出文件格式和如何使用基于RTSP/RTP的编码器设置实时流媒体。 - aergistal

我完全同意你的观点，但我的问题是如何在HTML5音频播放器上运行rtsp或hls？我们已经在低端手机上使用本机播放器播放rtsp。那么我们如何在HTML5播放器中流式传输音频呢？ - Rohìt Jíndal

Answer 3

截至撰写本文（2018年3月），可选方案包括Clappr（https://github.com/clappr/clappr，请参见supported formats）和MediaElement.js（https://github.com/mediaelement/mediaelement）--两者都内置了跨浏览器HLS支持，得益于hls.js项目，并且这两个播放器都是免费且开源的。

对于可能需要插件才能播放HLS的替代播放器，请参见https://github.com/video-dev/hls.js#player-integration。

- davidjb