HTML5视频:HLS流在运行Android 4.1.2的HTC One设备上没有进度条

时间:2014-04-30 10:59:28

标签: android video-streaming html5-video hybrid-mobile-app

在运行Android 4.1.2的HTC One上查看时,我的HTML5 HLS流上没有进度条。在运行4.4.2的同一设备上运行正常,这是我的jsbin:

http://jsbin.com/gokowovo/

注意:该流是混合应用的一部分,复制您需要在Android默认浏览器中进行测试,在Chrome中运行良好。

我知道进度条在流上没用,纯粹是为了美观。

Grab of the issue

1 个答案:

答案 0 :(得分:1)

Android上的HLS支持是部分的。它在最新版本中取得了重大进展,但您仍会发现问题取决于设备及其运行的Android版本。这个article from JW player总结了Android 4.1的情况:

  

Android 2.3(姜饼)

No Support, despite being the most popular version of Android
     

Android 3.0(Honeycomb)

Streams cause tablet devices to crash
     

Android 4.0(冰淇淋三明治)

VOD streams do not seek
Aspect ratios are not detected and cause image deformation
Fullscreen causes videos to restart from the beginning
     

Android 4.1+(Jelly Bean)

Aspect ratio issue is fixed, but seek is still unavailable
Chrome does not understand HLS leading to broken mimetype detection
Taking video fullscreen causes devices to throw an error and stop.

正如您所看到的,对于Chrome和原生Android浏览器(更不用说其他浏览器),有实时和点播流的已知问题 - 尤其是在与您的问题相关的流中寻找 - 。如果您实时流式传输并希望在4.1下定位Android,则RTSP是首选解决方案(RTSP也适用于其他设备,如Blackberry)。

您可以考虑构建own set of HTML5 video controls以更好地控制视频播放器的布局,但如果您走这条路,我建议您将其保留为项目Android部分所需的基本功能。

您可能也想查看MPEG DASH。它有一个JS lib,开始在Android上展示对Chrome的支持,并且可以直播和点播。