使用HTML5播放HLS

Question

所以我试图在不使用Flash的情况下在HTML5上播放HLS流.我们已经尝试了很多视频播放器,但它们都在闪存播放器上播放.我的问题是,是否可以在不使用Flash的情况下在HTML5上播放HLS流(任何)？

(我知道https://github.com/RReverser/mpegts但它在移动设备上不起作用,并且相当迟钝.)

Answer 1

并非所有浏览器都支持HLS.我使用的jwPlayer支持flash和HTML5流媒体(如果可用).不幸的是,对HLS流的支持仍然需要依赖Flash才能在各种浏览器中正常工作.请参阅HTML5 HLS浏览器支持:http://www.jwplayer.com/html5/hls/

Answer 2

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

• Viblast播放器 - 非常便宜且相对容易使用.这只是一个最低限度的HLS HTML5播放.开发人员必须自己完成UI或将其与Video.js/Flowplayer/JWPlayer集成.
• Theo Player - 我对这个没有多少经验.定价不公开.该演示看起来不错,它甚至适用于大多数版本的Firefox.

这两个播放器都依赖于MSE API而不适用于不支持它的浏览器(IE <= 10,Firefox).

Answer 3

HLS.js项目现在非常可靠(https://github.com/video-dev/hls.js/tree/master).它支持最新版本的浏览器.它不依赖于Flash.它可以用在流媒体中.hls.js与支持MSE的浏览器兼容,具有"视频/ MP4"输入.支持:

• Chrome for Android 34+
• Chrome for Desktop 34+
• 适用于Android 41+的Firefox
• Firefox for Desktop 42+
• IE11 +适用于Windows 8.1+
• 适用于Windows 10+的Edge
• Opera for Desktop
• Vivaldi for Desktop
• Safari for Mac 8+(测试版)