Les balises HTML5 : <audio>

Poursuivons notre revue des nouvelles balises du standard HTML5 avec audio.

Comme son nom l’indique, il s’agit d’une balise qui va contenir des contenus audio (sons, musique).

Et de même que pour la balise video dont nous avons parlé dernièrement, cette balise audio va nous permettre effectivement de contrôler son comportement via javascript et également de la styliser même si les différents navigateurs proposent un style par défaut.

Là encore, l’avantage est de se passer des plugins qui n’étaient jamais à jour. Donc, exit les Real Audio, Quicktime et autre Windows Media Player et place à la bien nommée balise audio.

Coté compatibilité, comme d’habitude il faut faire avec plusieurs formats de fichiers :

Navigateur MP3 Vorbis ACC
Internet Explorer 9 +
Google Chrome 7 +
Mozilla Firefox 3.6 +

Coté code, c’est pareil : On définit la ou les sources qui vont peupler cette balise comme dans l’exemple ci-dessous :

Je ne l’avais pas précisé dans le précédent article, mais on peut ajouter un « fallback » si le navigateur n’est pas compatible avec cette balise (un lien de téléchargement par exemple).

Répondre

Votre adresse email ne sera jamais publiée.

Vous pouvez utiliser les balises HTML et attributs suivants : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

*