当你在使用safari / chrome等后锁定iPhone时,当播放mp3文件时,它会显示空白的艺术品和一个指向mp3文件位置的硬链接,这看起来相当丑陋。是否有一些alt标签/ meta数据,我可以包括显示艺术品和轨道标题上呢?
rbl8hiat1#
您可以通过在<audio>元素上设置title属性来添加将在iOS锁屏上显示的字符串。这一切都在“歌曲”行,所以它看起来不完全本土,但它得到你的观点。然而,我不知道有什么方法可以诱使iOS显示来自浏览器的媒体专辑艺术。
<audio>
title
6tr1vspr2#
如果你想从你的页面在锁屏上显示图像,你不能这样做,只有iOS应用程序可以。如果你想在背景中播放音乐(当safari关闭,而不是杀死)你可以这样做
var mp3 = document.createElement("audio"); mp3.setAttribute('src', 'http://example.com/track.mp3'); mp3.load(); document.documentElement.appendChild(mp3); mp3.play(); mp3.pause() // Pause
ilmyapht3#
这与另一篇关于showing the album thumnail on ios from safari的文章非常相似,其中建议的解决方案是使用mediaSession api,对于2021年之后的safari版本,使用512 x512图像/jpg,在ios 15.6和16.4上测试
3条答案
按热度按时间rbl8hiat1#
您可以通过在
<audio>
元素上设置title
属性来添加将在iOS锁屏上显示的字符串。这一切都在“歌曲”行,所以它看起来不完全本土,但它得到你的观点。然而,我不知道有什么方法可以诱使iOS显示来自浏览器的媒体专辑艺术。
6tr1vspr2#
如果你想从你的页面在锁屏上显示图像,你不能这样做,只有iOS应用程序可以。如果你想在背景中播放音乐(当safari关闭,而不是杀死)你可以这样做
ilmyapht3#
这与另一篇关于showing the album thumnail on ios from safari的文章非常相似,其中建议的解决方案是使用mediaSession api,对于2021年之后的safari版本,使用512 x512图像/jpg,在ios 15.6和16.4上测试