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&loadingcolor=ff9900&bgcolor1=eeeeee&bgcolor2=cccccc&buttoncolor=0066cc&buttonovercolor=ff9900&slidercolor1=cccccc&slidercolor2=999999&sliderovercolor=0066cc&mp3=http://blog.ac-versailles.fr/blogetmedias/public/sons/albinoni-adagio-in-g-minor-guitar_arrgt.mp3&width=200&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&loadingcolor=ff9900&bgcolor1=eeeeee&bgcolor2=cccccc&buttoncolor=0066cc&buttonovercolor=ff9900&slidercolor1=cccccc&slidercolor2=999999&sliderovercolor=0066cc&mp3=http://blog.ac-versailles.fr/blogetmedias/public/sons/albinoni-adagio-in-g-minor-guitar_arrgt.mp3&width=200&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&loadingcolor=ff9900&bgcolor1=eeeeee&bgcolor2=cccccc&buttoncolor=0066cc&buttonovercolor=ff9900&slidercolor1=cccccc&slidercolor2=999999&sliderovercolor=0066cc&mp3=http://blog.ac-versailles.fr/blogetmedias/public/sons/albinoni-adagio-in-g-minor-guitar_arrgt.mp3&width=200&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&loadingcolor=ff9900&bgcolor1=eeeeee&bgcolor2=cccccc&buttoncolor=0066cc&buttonovercolor=ff9900&slidercolor1=cccccc&slidercolor2=999999&sliderovercolor=0066cc&mp3=http://blog.ac-versailles.fr/blogetmedias/public/sons/albinoni-adagio-in-g-minor-guitar_arrgt.mp3&width=200&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.