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

时间:2014-05-11 22:23:57

标签: javascript ios html5 safari

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

问题:是否有我可以收听的事件< audio>当用户点击该锁定屏幕上的下一个或上一个按钮时被触发的元素?

奖金问题:在Safari中通过HTML5和Javascript,有没有办法像锁定屏幕一样在锁定屏幕上显示音频文件的元数据?

2 个答案:

答案 0 :(得分:6)

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

只需在音频元素中添加HTML标题标签,即可显示歌曲标题(或其他文字)。

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

不幸的是,以相同方式添加图像无效。

答案 1 :(得分:-1)

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

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