html5 <audio>:如何在iOS 4.2 / Android 2.3上使用内置的“next”和“previous”控件

在Gingerbread 2.3和iOS 4.2+上,HTML5 <audio>标签都会生成一个与nextpreviousbutton的接口。

我如何钩入这些控制? 它似乎不是根据HTML5媒体事件之一

  • W3Schools的
  • HTML5规范
  • Safari开发者库:使用JavaScript控制媒体

他们发出了什么JavaScript事件, 或者他们发送了HTTP ICECast消息? (没有HTTP标头发送button点击)

有关屏幕截图示例 ,请参阅https://coolaj86.com/demos/sandbox/html5-audio-tag.html

在Android上:

  • 如果你有姜饼或更好,你会看到在默认情况下,在Web应用程序中的控件。

在iOS(iPhone,iPod,iPad)上:

  • 开始在iPod / iPad / iPhone上播放音乐样本
  • 然后点击button“背景”的应用程序。
  • 在下方菜单中双击并从左向右滑动即可访问播放器控件。

注意: play/pause控件确实可以按预期工作(设置合适的Content-Range HTTP标头有帮助)

Solutions Collecting From Web of "html5 <audio>:如何在iOS 4.2 / Android 2.3上使用内置的“next”和“previous”控件"

至于iOS

在webkit-help邮件列表中:

这些“下一个/上一个”button不是标准HTML5媒体播放器控件的一部分。

至less在iOS上,他们只是在那里,因为相同的控件用于网页中的audio播放和设备上的其他audio播放。 对于网页,他们只是去开始和结束的轨道。 你不能从JS修改这个行为。

当您尝试使用新的HTML 5规范播放任何媒体文件时,AFAIK,手机(android / iphone)会打开默认播放器。

由于实际播放是通过媒体播放器应用程序完成的,因此无法控制这些button。

我不知道是否有意,但到目前为止,您正在播放任何audio时, http://www.schillmania.com/projects/soundmanager2/demo/page-player/与下一个button一起工作&#x3002; 如果audio结束,则NEXTbutton停止工作。 上一个button不会转到上一首歌曲,而是重新开始播放当前歌曲。

我不知道斯科特(创作者)是否编码过这个或者没有。 我已经尝试debugging该页面的JS文件,并没有发现任何下一个/ prev逻辑完成。

显然,这应该是可能的。 它的工作types的车,没有文件,但让我们build立它!

button有什么作用?

  • 播放时:
    • 下一步:去audio的最后一个ms,所以它触发onfinish事件。
    • 上一步:去audio的第一个毫秒,没有任何意义,从开始再次播放。
  • 不播放时:(取决于audio是否停止或从未播放)
    • 下一个:没有
    • 上一页:没有了

:到目前为止,这是我的信息。 我试图monitorEvents没有成功,它应该引发一些事件。