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

使用safari / chrome等后,当你locking一个iphone,当一个MP3文件正在播放,它显示空白的艺术品和一个硬链接到MP3文件的位置,这看起来相当丑陋。 是否有一些ALT标签/元数据,我可以包括显示艺术品和曲目标题呢?

您可以通过在<audio>元素上设置title属性来添加将在iOS锁屏上显示的string。 这一切都在“歌曲”线上,所以它看起来并不完全是原生的,但它却让你意识到了这一点。

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

如果你想在你的页面locking屏幕上显示图像,你不能这样做,只有iOS应用程序可以。 如果你想在后台播放音乐(而Safari浏览器closures,而不是被杀死),你可以这样做

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