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

mw3dktmi  于 2023-05-12  发布在  Java
关注(0)|答案(3)|浏览(89)

当你在使用safari / chrome等后锁定iPhone时,当播放mp3文件时,它会显示空白的艺术品和一个指向mp3文件位置的硬链接,这看起来相当丑陋。是否有一些alt标签/ meta数据,我可以包括显示艺术品和轨道标题上呢?

rbl8hiat

rbl8hiat1#

您可以通过在<audio>元素上设置title属性来添加将在iOS锁屏上显示的字符串。这一切都在“歌曲”行,所以它看起来不完全本土,但它得到你的观点。
然而,我不知道有什么方法可以诱使iOS显示来自浏览器的媒体专辑艺术。

6tr1vspr

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
ilmyapht

ilmyapht3#

这与另一篇关于showing the album thumnail on ios from safari的文章非常相似,其中建议的解决方案是使用mediaSession api,对于2021年之后的safari版本,使用512 x512图像/jpg,在ios 15.6和16.4上测试

相关问题