html5 <audio> ：如何在iOS 4.2 / Android 2.3上使用内置的“下一个”和“上一个”控件

Question

在Gingerbread 2.3和iOS 4.2+上，HTML5 <audio>标签都会生成带有next和previous按钮的界面。

如何连接到这些控件？ 据称，这似乎不是HTML5媒体事件之一

• W3学校
• HTML5规范 。
• Safari开发人员库：使用JavaScript控制媒体

它们发出什么JavaScript事件 或发送HTTP ICECast消息？ （单击按钮时未发送HTTP标头）

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

在Android上：

• 如果您拥有姜饼或更佳的姜饼，则默认情况下，您会在网络应用中看到控件。

在iOS（iPhone，iPod，iPad）上：

• 开始在iPod / iPad / iPhone上播放音乐样本
• 然后单击按钮以“后台”应用程序。
• 双击并在下部菜单中从左向右滑动以访问播放器控件。

注意： play/pause控件确实按预期工作，或多或少（设置适当的Content-Range HTTP标头会有所帮助）

Answer 1

至于iOS

从webkit帮助邮件列表中：

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

至少在iOS上，它们只是存在，因为与设备上的其他音频播放相同，用于网页中音频播放的控件也是如此。 对于网页，它们只是转到轨道的起点和终点。 您无法通过JS修改此行为。

Answer 2

我不知道是否要这样做，但是到目前为止，当您正在播放任何音频时， http://www.schillmania.com/projects/soundmanager2/demo/page-player/都可以使用NEXT按钮。 如果音频结束，则NEXT按钮将停止工作。 并且PREVIOUS按钮不会转到上一首歌曲，而是重新启动当前歌曲。

我不知道Scott（创作者）是否已对此进行编码。 我尝试调试该页面JS文件，但未找到完成的下一个/上一个逻辑。

显然，这应该是可能的。 它的工作原理像是越野车，并且没有文档，但让我们来构建它！

这些按钮有什么作用？

• 播放时：
  • 下一步：转到音频的最后一个毫秒，因此它将触发onfinish事件。
  • 上一条：转到音频的第一毫秒，表示没有任何意义，从头开始播放。
• 不播放时：（取决于音频是停止还是从未播放）
  • 下一个：没什么
  • 上一篇：没有了

：/到目前为止，这就是我的信息。 我试图monitorEvents没有成功，它应该触发一些事件。

Answer 3

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

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