2017-08-26 1 views
5

J'ai été googling pendant un certain temps, et laissez-moi savoir si cette question est une répétition, mais voici ce que j'essaie d'atteindre: Je fais un système de lecture HTML <audio>, avec l'aide de audio.js bibliothèque. La lecture audio fonctionne parfaitement bien, avec quelques problèmes dans l'iPhone, mais quand je lis sur le téléphone (Android ou iOS), le contrôle audio apparaît dans le lecteur multimédia du téléphone et l'écran d'accueil, ce qui est une bonne chose. audio, pas le nom du fichier.Comment remplacer un lien de fichier avec un nom lors de la lecture audio Safari/Chrome sur l'écran d'accueil?

Voici ce qui se passe:

What's Happening!

Voici ce que je veux (extrait d'un site célèbre de lecture audio):

Requirement

S'il vous plaît, laissez-moi savoir ce que je suis absent ou si la question est incomplète ou incorrecte! Toute sorte de commentaire ou de suggestion sera reconnaissant. Merci

+0

Les gars, un commentaire? – sphinx

Répondre

5

Je pense paramètre title attribut (sur l'élément audio) à la chaîne que vous souhaitez afficher, peut-être la solution que vous voulez. PS: Je suis inexpérimenté dans SO donc ne posez pas tout sur moi s'il vous plaît, juste en essayant d'aider.

+0

Ça a marché! Merci (Y) – sphinx

+0

De rien! ;) – fabiofcferreira

2

En réponse à la prime, je suis à peu près sûr qu'il n'y a AUCUNE source crédible ou officielle pour la réponse acceptée.

La documentation officielle sur <audio> ne fait pas systématiquement référence à l'attribut titleMDN: <audio> comme exemple. Et l'utilisation de l'attribut title sur l'élément <audio> n'entraînera aucun type de comportement magique pour les utilisateurs typiques de l'API native.

L'auteur de audio.js ne fait également aucune mention de title dans sa documentation, ni aucune mention de cela dans son code source bien commenté. Auteur de audio.js ne l'utilise pas non plus dans les exemples officiels d'utilisation du module.

Deux exemples sont fournis par la documentation audio.js qui affiche les titres des morceaux. One of them utilise un <h1> pour afficher le titre et the other one utilise un pseudo-élément :before. Aucun signe d'attribut title n'importe où.

Le fait que la suggestion d'utiliser title attribut répondu à la question OP semble être une heureuse coïncidence.

@sphinx

+0

Je suis d'accord, il n'y a pas de document officiel qui supporte l'attribut 'title', mais son fonctionnement selon les besoins, peut-être le lecteur multimédia de l'iphone choisit le titre comme attribut! – sphinx

+0

Oui, cela semble être un comportement spécifique à iOS suggéré dans [précédentes questions SO] (https://stackoverflow.com/questions/39883200/use-mp3-metadata-or-html-to-display-artwork-and-track- nom-sur-iphone-lock-screen), mais encore une fois il est complètement [non documenté par Apple] (https://developer.apple.com/library/content/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device- SpecificConsiderations.html) – skylize