使用HTML5播放HLS

所以我尝试在HTML5上播放HLS流而不使用Flash。我们试过很多视频播放器，但都是用flash播放器。 我的问题是，是否可以在HTML5上播放HLS流（任何）而不使用Flash

---

（我知道，但它在移动设备上不起作用，而且相当滞后。）

并非所有浏览器都支持HLS。我使用的jwPlayer支持flash和HTML5流媒体（如果可用）。不幸的是，对HLS流媒体的支持仍然需要依靠Flash才能在各种浏览器上正常工作。参见HTML5 HLS浏览器支持：

没有成熟稳定的开源HLS HTML5播放器AFAIK。但是，有两种商业产品：

• -非常便宜且相对容易使用。这只是一个最低限度的HLS HTML5播放。开发人员必须自己制作UI，或者将其与Video.js/Flowplayer/JWPlayer集成
• -我在这方面没有太多经验。定价不公开。这个演示看起来不错，甚至可以在大多数版本的Firefox上运行

这两个播放器都依赖，不在不受支持的浏览器上工作（IE在这种情况下非常有趣。它们允许使用HLS流式传输到所有流行的浏览器和平台，而不使用Flash

他们在Windows、Linux、Mac、iOS、Android和Windows Phone上支持Internet Explorer、Firefox、Chrome、Opera和Safari

---

此外，与前面的答案相反，他们不依赖MSE来运行。因此，该播放器适用于所有平台，甚至是不支持MSE的旧IE版本（10及以上）和浏览器。

基本上所有HTML5播放器都需要转换MPEG2-TS（传输流）段到MP4，因为大多数浏览器不支持MPEG2-TS本机

实际上有一些HTML5播放器可以播放HLS流。一个例子是，它为传统浏览器提供专业支持和回退。这是一个商业产品，但它们也提供免费计划。 也可以使用开源项目，如

---

然而，从今年的WWDC开始，现在也可以将MP4段与HLS一起使用，这就消除了转换的需要。关于如何实现的更多细节和优势，请参见。不确定哪些玩家支持它，至少苹果在iOS 10和macOS上的Safari本机实现；Bitmovin也已经支持它

现在HLS.js项目相当可靠（）。最新版本的浏览器支持它。它不依赖Flash。它可以在flowplayer中使用。 hls.js与支持MSE和“视频/MP4”输入的浏览器兼容。支持的浏览器有：

• Android 34的Chrome浏览器+
• 桌面浏览器34+
• 适用于Android 41的Firefox+
• Firefox桌面版42+
• 适用于Windows 8.1的IE11++
• Windows 10的边缘+
• Opera桌面版
• 桌面维瓦尔第
• 适用于Mac 8+的Safari（测试版）

---

但是有没有可能让它支持它呢？比如在JavaScript中剥离流并播放h264视频？RReverser有一个有趣的实现，但是在JavaScript中进行转换会对浏览器造成沉重负担（因此在移动设备上存在滞后）.我认为您的解决方案不应该依赖JavaScript来完成繁重的工作。许多网站使用流媒体引擎，可以提供一系列格式（hls、rtmp、mpeg-dash）尽可能多地覆盖使用HTML5的浏览器。然后，他们切换到flash作为备用。因此，回答你的问题，这是可能的。但我认为这可能不值得。这将是一个开源项目，所以我认为这对其他人来说也是值得的。依靠服务器来完成这项工作对我们来说不是一个解决方案我想我们必须去转换…听起来像是一个伟大的开源项目。在将来，这对人们来说是非常有用的。祝你好运！但是我很好奇，他们是如何做到这一切的？是Emscripten和C++的C++解码器吗？他们似乎使用了浏览器内的硬件支持，解码都在浏览器I中发生。tself。它似乎不是emscripten。emscripten可能太慢了（参见百老汇.js项目）。THEOplayer实际上不需要MSE。它也运行在Firefox、IE10、Opera上……似乎是一个更好的选择。将其作为评论发布给像我这样正在搜索html5 hls播放器的人。