Fin du MP3 et insertion d’un fichier audio dans une page html

Pour ceux qui ont vu naître le MP3, sachez que celui-ci est mort. Ou tout du moins, il va bientôt disparaître. Depuis la fin des années 90,  il a révolutionné la musique numérique et digitale. MP3 rime avec dématérialisation et streaming  mais aussi compression et mauvaise qualité. Quel est à présent l’avenir de l’audio ?

Lecteur mp3

Le MP3 a révolutionné l’industrie musicale

D’abord, le disque, la cassette, le walkman, le CD puis le MP3.  Le MP3 a bouleversé l’usage et la consommation de la musique. Il l’ a dématérialisé.  Il a par la même occasion fait vaciller toute l’industrie musicale en favorisant le téléchargement illégal. Mais il a également contribué au renouveau du secteur avec notamment le streaming et l’essor de nombreux nouveaux talent musicaux. C’était jusqu’à présent, le format audio le plus répandu pour un usage multimédia.

Maintenant que l’inventeur du MP3, le Fraunhofer Institute for Integrated Circuits, a officiellement mis fin à la licence, les nouveaux produits à venir délaisseront ce format audio au profit d’autres formats plus performants. En effet, le MP3 est depuis très longtemps décrié pour sa mauvaise qualité par les mélomanes et les puristes. Et le pire dans l’histoire, c’est que notre oreille s’y est faite.

A présent, les leaders du streaming tels que Deezer, Spotify ou Apple Music utilise le format AAC avec une qualité bien meilleure. Et ce pour le plus grand bien de nos oreilles.

Comment insérer un fichier audio dans une page HTML

Il y a peu, nous évoquions comment ajouter une vidéo dans une page web. Aujourd’hui, vous allez approfondir vos connaissances en html en apprenant à mettre un média audio dans une page web. Rien de plus simple. Pour ce faire, il existe la balise <audio> qui ressemble très forment à la balise <video>.

Tout d’abord, sachez que la balise accepte les formats suivants :

  • mp3 (bien entendu) : très répandu avec une qualité souvent médiocre
  • aac : bon rapport qaulité / poids
  • ogg : très répandu dans le monde du logiciel libre
  • wav : bonne qualité mais très lourd

Et voici comment inclure votre fichier audio dans une page web

<audio controls>
  <source src="zic.mp3">
  <source src="zic.ogg">
  Votre navigateur ne prend pas en charge les fichiers audios
</audio>

Et à peu de choses près, on reprend les attributs de la balise <video>. A savoir :

  • controls : pour afficher le panneau de contrôle du lecteur
  • autoplay : pour lancer une lecture automatique au démarrage
  • muted : pour couper le son
  • loop : pour définir une lecture en boucle
  • preload (auto, metadata et none) : pour télécharger le fichier audio ou les métadonnées  au chargement de la page

A présent, vous savez comment faire. Alors en avant la musique !

Fin du MP3 et insertion d’un fichier audio dans une page html
Votez pour ce billet !

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *