如何在主屏幕上的Safari/Chrome音频播放过程中用名称替换文件链接?

问题描述:

我一直在谷歌搜索,并让我知道如果这个问题是重复的,但这里是我想要实现的: 我制作了一个HTML <audio>播放系统,在audio.js库的帮助下。 音频播放工作完全正常,在iphone一些小问题,但是当我播放的手机(Android或iOS),音频控制显示了在手机的媒体播放器和主屏幕上,这是一件好事,但它显示了链接到我音频,而不是文件的名称。如何在主屏幕上的Safari/Chrome音频播放过程中用名称替换文件链接?

这里发生的事情:

What's Happening!

这就是我想要的(从著名的音频播放网站上得到):

Requirement

请让我知道我错过了什么或如果问题不完整或不正确! 任何分类评论或建议将感恩。 谢谢

+0

伙计们,有何评论? – sphinx

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

PS:我是这么这么不把钱全在我,请没有经验,只是想帮助。

+0

它工作!谢谢(Y) – sphinx

+0

不客气! ;) – fabiofcferreira

针对赏金,我敢肯定没有为接受的答案没有可信或官方消息。

关于<audio>标签的官方文档始终没有提及title属性MDN: <audio>作为示例。并且对<audio>元素使用title属性不会导致本地api的典型用户出现任何形式的魔术行为。

audio.js笔者也使得他的文件中没有提及的title,也没有在他的精心注释的源代码,任何提及。 audio.js的作者也不会在模块使用的官方示例中使用它。通过audio.js文档可显示歌曲名称提供

两个例子。 One of them使用一个<h1>显示标题和the other one使用:before伪元素。任何地方都不会有title属性的迹象。

该建议使用title属性回答OP的问题的实质,似乎是一个令人高兴的巧合。

@sphinx

+0

我同意,没有官方文档支持'title'属性,但它的工作需要,也许iPhone的媒体播放器选择标题作为属性! – sphinx

+0

是的,这似乎是[先前的SO问题]中提出的iOS特定行为(https://stackoverflow.com/questions/39883200/use-mp3-metadata-or-html-to-display-artwork-and-track- iPhone上的名称锁定屏幕),但它又完全[苹果公司没有记录](https://developer.apple.com/library/content/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device- SpecificConsiderations.html) – skylize