如何在带有Javascript的Safari HTML5播放器中使用iOS锁屏上一个/下一个播放器按钮

如何在带有Javascript的Safari HTML5播放器中使用iOS锁屏上一个/下一个播放器按钮,javascript,ios,html,safari,Javascript,Ios,Html,Safari,在iOS上的Safari中,当DOM元素播放声音文件时,可以通过设备锁定屏幕暂停/重新启动该文件 问题:当用户单击锁定屏幕上的下一个或上一个按钮时,是否有触发的元素事件可以侦听 附加问题:在通过HTML5和Javascript的Safari中,是否有一种方法可以像使用应用程序一样在锁屏上显示音频文件的元数据?我不知道第一个问题的答案 只需向音频元素添加HTML标题标记,就可以显示歌曲标题(或其他文本) var player=getElementById('my_audio_element');

在iOS上的Safari中,当DOM元素播放声音文件时,可以通过设备锁定屏幕暂停/重新启动该文件

问题:当用户单击锁定屏幕上的下一个或上一个按钮时,是否有触发的元素事件可以侦听


附加问题:在通过HTML5和Javascript的Safari中,是否有一种方法可以像使用应用程序一样在锁屏上显示音频文件的元数据?

我不知道第一个问题的答案

只需向音频元素添加HTML标题标记,就可以显示歌曲标题(或其他文本)

var player=getElementById('my_audio_element');
player.setAttribute('title','My Song title')


不幸的是,以相同的方式添加图像不起作用

要添加标题和海报图像,您可以执行以下操作:

<video width="320" height="180" src="source.mp4" poster="poster.png">


我有一个HTML5音频应用程序,当我的iPhone进入锁屏时,该应用程序可以正常工作,但现在锁屏按钮无法工作,也无法继续播放我的JavaScript代码提供的曲目列表。有什么想法吗?@大概你找到解决办法了吗?我最感兴趣的是在锁屏上显示元数据(艺术品、标题)Hey SuprMan,谢谢你,当使用DOM音频元素时,它工作得很好。我使用的是Howlerjs库,它不喜欢任何HTML元素的js音频对象,你知道在这种情况下如何设置标题吗?