Des attributs pour les fichiers audio

Reprenons le fichier audio inséré dans le billet Les fichiers audio.
 

En basculant vers le mode Source, on obtient le code HTML suivant :

<center>
<audio controls="" preload="auto"><source src="http://blog.ac-versailles.fr/blogetmedias/public/sons/albinoni-adagio-in-g-minor-guitar_arrgt.mp3" /><object data="http://blog.ac-versailles.fr/blogetmedias/index.php/?pf=player_mp3.swf" height="20" type="application/x-shockwave-flash" width="200"><param name="movie" value="http://blog.ac-versailles.fr/blogetmedias/index.php/?pf=player_mp3.swf" /><param name="wmode" value="transparent" /><param name="FlashVars" value="showvolume=1&amp;loadingcolor=ff9900&amp;bgcolor1=eeeeee&amp;bgcolor2=cccccc&amp;buttoncolor=0066cc&amp;buttonovercolor=ff9900&amp;slidercolor1=cccccc&amp;slidercolor2=999999&amp;sliderovercolor=0066cc&amp;mp3=http://blog.ac-versailles.fr/blogetmedias/public/sons/albinoni-adagio-in-g-minor-guitar_arrgt.mp3&amp;width=200&amp;height=20" />Lecteur audio intégré</object></audio>
</center>

 

Lecture automatique

Ajouter l'attribut autoplay comme indiqué ci-dessous :

<center>
<audio
autoplay="" controls="" preload="auto"><source src="http://blog.ac-versailles.fr/blogetmedias/public/sons/albinoni-adagio-in-g-minor-guitar_arrgt.mp3" /><object data="http://blog.ac-versailles.fr/blogetmedias/index.php/?pf=player_mp3.swf" height="20" type="application/x-shockwave-flash" width="200"><param name="movie" value="http://blog.ac-versailles.fr/blogetmedias/index.php/?pf=player_mp3.swf" /><param name="wmode" value="transparent" /><param name="FlashVars" value="showvolume=1&amp;loadingcolor=ff9900&amp;bgcolor1=eeeeee&amp;bgcolor2=cccccc&amp;buttoncolor=0066cc&amp;buttonovercolor=ff9900&amp;slidercolor1=cccccc&amp;slidercolor2=999999&amp;sliderovercolor=0066cc&amp;mp3=http://blog.ac-versailles.fr/blogetmedias/public/sons/albinoni-adagio-in-g-minor-guitar_arrgt.mp3&amp;width=200&amp;height=20" />Lecteur audio intégré</object></audio>
</center>

La lecture se lancera automatiquement à l'ouverture de la page.
Cette fonctionnalité peut être inactive si le navigateur a été paramétré pour bloquer les lectures automatiques.
Exemple ICI.
 

Lecture en boucle

Ajouter l'attribut loop comme indiqué ci-dessous :

<center>
<audio
loop="" controls="" preload="auto"><source src="http://blog.ac-versailles.fr/blogetmedias/public/sons/albinoni-adagio-in-g-minor-guitar_arrgt.mp3" /><object data="http://blog.ac-versailles.fr/blogetmedias/index.php/?pf=player_mp3.swf" height="20" type="application/x-shockwave-flash" width="200"><param name="movie" value="http://blog.ac-versailles.fr/blogetmedias/index.php/?pf=player_mp3.swf" /><param name="wmode" value="transparent" /><param name="FlashVars" value="showvolume=1&amp;loadingcolor=ff9900&amp;bgcolor1=eeeeee&amp;bgcolor2=cccccc&amp;buttoncolor=0066cc&amp;buttonovercolor=ff9900&amp;slidercolor1=cccccc&amp;slidercolor2=999999&amp;sliderovercolor=0066cc&amp;mp3=http://blog.ac-versailles.fr/blogetmedias/public/sons/albinoni-adagio-in-g-minor-guitar_arrgt.mp3&amp;width=200&amp;height=20" />Lecteur audio intégré</object></audio>
</center>

La lecture s'effectuera en boucle.
Exemple ICI.
 

Fond sonore

Ajouter les attributs autoplay et loop et supprimer l'attribut controls comme indiqué ci-dessous :

<center>
<audio
autoplay="" loop="" preload="auto"><source src="http://blog.ac-versailles.fr/blogetmedias/public/sons/albinoni-adagio-in-g-minor-guitar_arrgt.mp3" /><object data="http://blog.ac-versailles.fr/blogetmedias/index.php/?pf=player_mp3.swf" height="20" type="application/x-shockwave-flash" width="200"><param name="movie" value="http://blog.ac-versailles.fr/blogetmedias/index.php/?pf=player_mp3.swf" /><param name="wmode" value="transparent" /><param name="FlashVars" value="showvolume=1&amp;loadingcolor=ff9900&amp;bgcolor1=eeeeee&amp;bgcolor2=cccccc&amp;buttoncolor=0066cc&amp;buttonovercolor=ff9900&amp;slidercolor1=cccccc&amp;slidercolor2=999999&amp;sliderovercolor=0066cc&amp;mp3=http://blog.ac-versailles.fr/blogetmedias/public/sons/albinoni-adagio-in-g-minor-guitar_arrgt.mp3&amp;width=200&amp;height=20" />Lecteur audio intégré</object></audio>
</center>

La lecture se lancera automatiquement à l'ouverture de la page, s'effectuera en boucle et le fichier audio sera invisible.
Le visiteur du blog devra alors couper le son ou quitter la page pour arrêter la lecture.
Exemple ICI.

 

Haut de page