Vous êtes à : Accueil > Nos techniques > Jouer un son

Passer le menu Aller au pied de page

Licences Joueb English version Accessibilité

Jouer un son avec la balise <audio> et dewplayer

micr0lab emploie le lecteur flash dewplayer développé par Alsacréations en solution de secours pour la balise <audio> d’html5 et pour charger un simple titre (les lecteurs jouant plusieurs titres étant pris en charge par jPlayer).

Sommaire : Mise en placeSolution de secours à la balise audio

Mise en place

Il n’y a vraiment pas beaucoup à dire sur ce lecteur, tant sa mise en place est simple et largement documentée sur le site officiel du projet, http://www.alsacreations.fr/dewplayer.html. En cas de doutes ou de soucis, faîtes appel forum d’alsacréations!

Une possible alternative à dewplayer est http://flash-mp3-player.net/fr/.

Dewplayer comme solution de secours à la balise audio

La balise audio du HTML5 est une magie qui vous permets d’insérer facilement un lecteur audio sur votre site internet. Des conseils pour s’assurer du bon fonctionnement de celui-ci peuvent être par exemple trouvées dans ce billet.

Cependant, tous les naviateurs ne supportent pas cette balise, et il est bon de spécifier une solution de secours (fallback) en flash. Comment faire ? C’est très simple :

Supposons que vous voulez jouer le fichier audio se trouvant dans le dossier musique, encodé en ogg et en mp3. Votre fichier dewplayer.swf se trouve lui dans le dossier dew.

<audio controls="controls" preload="auto">
<!-- On ouvre la balise audio, on affiche les controles et on pre-charge les titres. -->
	<source src="/musique/titre.ogg" type="audio/ogg"/>
	<source src="/musique/titre.mp3" type="audio/mpeg"/>
<!-- Apres avoir indique les chemins des deux fichiers, on charge le lecteur dewplayer.-->
<!-- Ce code ne sera execute que si le navigateur de votre visiteur ne prends pas en charge la balise audio. -->
		<object type="application/x-shockwave-flash" data="/dew/dewplayer.swf" width="200" height="20" id="dewplayer" name="dewplayer">
			<param name="wmode" value="transparent"/>
			<param name="movie" value="/dew/dewplayer.swf"/>
			<param name="flashvars" value="mp3=musique/titre.mp3&amp;autostart=1&amp;showtime=1"/>
		</object>
</audio>

Contact :

Contact Plan Lettre F.a.q. C.G.U.