使用mp3元数据或HTML在iPhone锁定屏幕上显示图稿和曲目名称

Question

使用safari / chrome等后锁定iphone时，播放mp3文件时，会显示空白图稿和mp3文件位置的硬链接，看起来很难看。我可以包含一些alt标签/元数据来显示艺术品和曲目标题吗？

Answer 1

您可以通过在title元素上设置<audio>属性来添加将在iOS锁屏上显示的字符串。这一切都在“歌曲”一行，所以它看起来并不完全是原生的，但它可以让你明白一点。

但是，我不知道有什么方法可以让iOS显示来自浏览器的媒体专辑封面。

Answer 2

如果您想要从您的页面在锁定屏幕上显示图像，则无法执行此操作，只有iOS应用才能执行此操作。如果你想在背景中播放音乐（虽然野生动物园是关闭的，而不是被杀死）你可以这样做

var mp3 = document.createElement("audio");
   mp3.setAttribute('src', 'http://example.com/track.mp3');
   mp3.load();
   document.documentElement.appendChild(mp3);
   mp3.play();
   mp3.pause() // Pause