Les navigateurs actuels sont tous capables d'interpréter le HTML5 et son jeu de nouvelles balises. Pour la gestion des éléments du multimédia, sons et vidéos, deux nouvelles balises ont été ajoutées à la déjà longue liste des éléments du HTML : <audio> et <vidéo>. Comment faire plus simple ?

Commençons par la balise <audio>.

Aussi simple à utiliser qu'une balise <img>, la syntaxe est franchement évidente :

Cela suffit pour incorporer le fichier pastimeParadise.wav à la page, comme le montre la page suivante.

Cette balise admet un certain nombre d'options, en plus de la localisation du fichier audio (source : src)

• autoplay : la lecture du fichier audio se fera dès que les données seront disponibles (booléen) ;
• controls : la barre de contrôle de lecture sera affichée si l'option est spécifiée (booléen) ;
• loop : la lecture du fichier va s'effectuer en boucle tant que la page est active (booléen) ;
• preload : permet, si la valeur est à auto, de télécharger le fichier au chargement de la page, ou pas si preload est à none.

avec autoplay
avec controls
avec loop
avec preload

Pour plus d'infos sur la balise <audio> : la référence.

Le format Wave est très facile à générer mais pas forcément adapter à un usage sur le Web. Il va falloir passer par des formats compressés, plus légers ...

Suite