微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决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 等...

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

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

我的问题:(如何)目前是否可以在 iOS 锁屏中启用下一个/上一个

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。