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）會打開默認播放器。

由於實際的播放是通過媒體播放器應用程序完成的，因此無法控制這些按鈕。