HTML 5 & CSS 3

Utilisation du couple html 5 / CSS 3 - test de certaines propriétés CCS3

La balise html 5 "audio"

A l'instar de la vidéo, les navigateurs ne lisent pas les mêmes formats, ausii il est nécessaire de convertir votre fichier audio en plusieurs formats : wav, mp3, ogg.

j'ai même rajouté un petit lecteur flash offert gracieusement par Alsacréation qui permet à IE9 (comme par hasard !) de lire le fichier mp3 via le player Flash.

Les trois fichiers sons ainsi que le player flash (12ko) sont dans le répertoire "sons"

Dans notre exemple le fichier son se nomme "test_son_html5", il démarre automatiquement et tourne en boucle (Webkit):

<audio controls autoplay="true" loop preload=" true">
<source src="sons/test_son_html5.ogg" />
<source src="sons/test_son_html5.mp3" />
<object type="application/x-shockwave-flash" data="sons/dewplayer-bubble-vol.swf" width="300" height="60" id="dewplayer" name="dewplayer">
<param name="movie" value="sons/dewplayer-bubble-vol.swf" />
<param name="flashvars" value="mp3=sons/test_son_html5.mp3" />
<param name="wmode" value="transparent" />
</object>
</audio>

ce qui donne :