Du Son Modèles HTML

Modèles HTML audio soignés

Les modèles HTML audio vous offrent une mise en page prête à l'emploi pour les contenus audio, que vous pouvez ajuster visuellement dans Nicepage, exporter sous forme de fichiers HTML et téléverser sur votre propre serveur. Ce format convient parfaitement à une archive de podcasts, à la liste de pistes d'un producteur ou à une collection d'enregistrements de la nature. Tous ont besoin de mots à côté du son, car un bouton de lecture n'explique pas grand-chose en soi.

Cartes de pistes répétables dans le balisage

Un bon modèle regroupe le titre, le lecteur et les notes d'une piste au sein d'un seul bloc de balisage. De cette façon, rien ne glisse vers l'enregistrement suivant lorsque vous le copiez. Une piste mise en avant peut afficher une grande pochette et des notes plus détaillées, tandis qu'une vaste collection d'effets sonores fonctionne mieux sous forme de cartes compactes. Des titres précis sont tout aussi utiles : « Pluie légère sur un porche en bois » en dit bien plus à l'auditeur que « Précipitations ».

Une section type d'effets sonores s'assemble en quelques étapes :

1. Nommez clairement le premier effet, associez son fichier ou une URL source, puis ajoutez une ligne précisant comment le son peut être réutilisé.
2. Dupliquez la carte terminée pour chaque nouvel effet.
3. Vérifiez que chaque copie pointe vers son propre fichier, car un bloc dupliqué peut discrètement conserver la source de l'extrait précédent.

Modifier le code après l'exportation

La majeure partie de la personnalisation s'effectue dans l'éditeur visuel de Nicepage, où vous modifiez les textes et configurez les blocs audio sans ouvrir le moindre fichier. Le travail sur le code HTML commence à l'exportation, lorsque le projet quitte Nicepage sous forme de fichiers de page accompagnés de leurs scripts et images. Vous pouvez apporter des modifications au code dans ces fichiers, puis les publier sur votre propre serveur ou les transmettre à un développeur.

L'audio mérite une attention particulière à cette étape :

1. Les téléversements via l'élément audio sont limités à 10 Mo ; les longs enregistrements sont donc plus avantageusement liés par URL.
2. Les URL audio externes doivent rester publiques, sous peine de voir le lecteur devenir muet après publication.
3. Les chemins relatifs peuvent être rompus si vous réorganisez les dossiers sur le serveur.

Vérifications de la lecture sur un serveur en production

L'aperçu rapide dans l'application de bureau peut bloquer la lecture en raison des restrictions des navigateurs ; le véritable test a donc lieu après le téléversement. Sur smartphone, vérifiez que chaque lecteur conserve une largeur adaptée et que les titres longs reviennent à la ligne sans repousser les commandes. Essayez d'accéder à chaque lecteur uniquement à l'aide du clavier. Les notes doivent préciser ce qui est réellement audible, car un qualificatif comme « paisible » n'apprend quasiment rien à une personne qui ne peut pas écouter l'extrait. Les enregistrements comportant des voix nécessitent une transcription, car le lecteur n'en génère aucune.

Un modèle HTML audio est prêt dès lors que ses fichiers se téléversent sans erreur et que chaque lien audio fonctionne sur le serveur. Entre deux mises en page d'aspect similaire, celle qui nécessite le moins de retouches de code vieillira toujours mieux.