TechniqueCode audio
Jouer un son dans une page HTML
Proposez un lecteur MP3 en ligne
<object type="application/x-shockwave-flash" data="dewplayer.swf?mp3=test.mp3">
<param name="movie" value="dewplayer.swf?mp3=test.mp3">
</object>
<param name="movie" value="dewplayer.swf?mp3=test.mp3">
</object>
Explication:
Est utilisé ci-dessus le dew Player (dewplayer.swf). Il s'agit d'une animation SWF toute faite - et gratuite (même pour une utilisation commerciale!) - qui permet de lire un fichier MP3 (ex: adhara.mp3).
Peut-être téléchargée sur le site de ses créateurs : Alsacreations. Ce fichier est enregistré dans le même dossier que la page HTML qui contient ce code (sinon, faire des liens absolus).
Jouer un son dans une page XHTMLUn mixte des balises OBJECT et EMBED est le plus souvent utilisé afin d'avoir un code HTML compatible pour l'ensemble des navigateurs du marché.
<object data="musique.mp3" type="audio/mpeg">
<param name="src" value="musique.mp3">
<param name="controls" value="console">
<param name="autostart" value="false">
<param name="loop" value="0">
<embed src="musique.mp3" controls="console" loop="0" autostart="false">
</object>
Attention, dans le code ci-dessus, le nom du fichier audio doit-être saisie 3 fois.<param name="src" value="musique.mp3">
<param name="controls" value="console">
<param name="autostart" value="false">
<param name="loop" value="0">
<embed src="musique.mp3" controls="console" loop="0" autostart="false">
</object>
Explication :
• musique.mp3 : fichier audio à exécuter.
• audio/mpeg : mention du type MIME (Multipurpose Internet Mail Extension). Cette norme permet de faciliter la reconnaissance des types de fichiers. Optionnel dans une page Html, cette mention deviens obligatoire dans une page Xhtml.
• controls : insére une barre de contrôle. Lecteur visible.
• loop : nombre de boucle de lecture. false (= 1 fois) ou true (= en boucle)
• autostart : true = lecture auto et false = lecture en appuyant sur le bouton.
• Pour éviter un affichage visible du lecteur de sons, est nécessaire la mention <param name="hidden" value="true"> (hidden = caché).








