iOS Safari HTML5 音频播放 - 锁定屏幕下一个/上一个按钮已禁用

问题描述

我正在尝试创建一个小的 HTML5 音频播放器，就像很多人所做的那样。到目前为止一切顺利，就是这么简单：

<audio controls preload="auto" title="The title" src="https://dl.espressif.com/dl/audio/ff-16b-2c-44100hz.m4a">
</audio>

iOS 能够播放/暂停、搜索（也在锁定屏幕中）并且一切正常。至少在浏览器中，一点额外的 HTML 和 JavaScript 甚至播放列表不再是问题——除了一件事：

我没有找到任何方法让 iOS 14 在锁定屏幕处于活动状态时显示启用的 previos (⏮️) 和 next (⏭️) 按钮。到目前为止我尝试过的没有成功：

M3U 播放列表

<audio controls preload="auto" src="a-playlist-with-3-files.m3u"></audio>

带有章节的 WebVTT

参考：https://developer.mozilla.org/en-US/docs/Web/API/WebVTT_API

<audio controls preload="auto" title="a title">
    <source src="https://dl.espressif.com/dl/audio/ff-16b-2c-44100hz.m4a" title="a title">
    <track kind="chapters" src="chapters.vtt" label="Chapters">
</audio>

章节.vtt

WEBVTT

00:01.000 --> 00:04.000
- Never drink liquid nitrogen.

00:05.000 --> 00:09.000
- It will perforate your stomach.

JavaScript 的东西

这里没有代码示例，我发现的所有 API 都没有启用下一个和上一个的锁定屏幕按钮。 样本：https://ableplayer.github.io/ableplayer/ Libs：Howl、Tone.js 等...

参考资料/相关问题可能是：

• Can HTML5 in the browser play continuous audio on iOS lock screen?
• https://bugs.webkit.org/show_bug.cgi?id=173332

但我的问题只是关于启用下一个/上一个按钮，而不是暂停 JavaScript - 这似乎已解决：

我的问题：（如何）目前是否可以在 iOS 锁屏中启用下一个/上一个？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）