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

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

问题:是否有一个事件可以通过< audio>元素在用户单击锁定屏幕上的下一个或上一个按钮时被触发?

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

解决方法

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

只需将HTML标题标签添加到音频元素即可显示歌曲标题(或其他文字).

var player = getElementById(‘my_audio_element’);
player.setAttribute(‘title’,’My Song Title’);

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

相关文章

HTML5不是新事物。自从最初发布(2008年1月)以来,我们一直在使用它的一些功能。后来,我再次仔细查看...
Pointer Events API 是Hmtl5的事件规范之一,它主要目的是用来将鼠标(Mouse)、触摸(touch)和触控笔(...
CSS动画非常的有趣;这种技术的美就在于,通过使用很多简单的属性,你能创建出漂亮的消隐效果。其中代表...
clip-path介绍 clip-path 直译过来就是裁剪路径,使用SVG或形状定义一个HTML元素的可见区域的方法。想象...
语法 必需。动画时长的百分比。 合法的值: 0-100% from(与 0% 相同) to(与 100% 相同) 定义和用法...
基本代码 html代码: 首先定义一些基本的样式和动画: background-size: auto 100%; 这段代码的意思是让...