如何在主屏幕上播放Safari / Chrome音频时用文件名替换文件链接？

Question

我一直在谷歌搜索一段时间，如果这个问题重复，请告诉我，但这是我想要实现的目标： 我在audio.js库的帮助下制作了一个HTML <audio>播放系统。 音频播放效果非常好，在iphone中出现一些故障，但是当我在手机（Android或iOS）上播放时，音频控制显示在手机的媒体播放器和主屏幕上，这是一件好事，但它显示了链接到我的音频，而不是文件的名称。

这里发生了什么：

这就是我想要的（取自着名的音频播放网站）：

请让我知道我错过了什么，或者问题是不完整还是不正确！ 任何评论或建议都会感激不尽。 感谢

Answer 1

我认为将title属性（在audio元素上）设置为您想要显示的字符串可能是您想要的解决方案。

PS：我没有经验，所以不要把它全部放在我身上，只是想帮忙。

Answer 2

为了回应赏金，我非常确定接受的答案没有可信或官方来源。

有关<audio>代码的官方文档始终未提及title属性MDN: <audio>作为示例。在title元素上使用<audio>属性不会对原生api的典型用户产生任何形式的魔术行为。

audio.js的作者在他的文档中也没有提到title，也没有在他评论的源代码中提及它。 audio.js的作者也没有在模块使用的官方示例中使用它。

显示歌曲标题的audio.js文档提供了两个示例。 One of them使用<h1>显示标题，the other one使用:before伪元素。在任何地方都没有title属性的迹象。

使用title属性的建议回答了OP的问题似乎是一个幸福的巧合。

@sphinx