Jouer de la musique à l'ouverture d'une page
08 mars 2008 Catégorisé dans : Techniques
Il est assez facile de faire jouer un morceau de
musique (format mp3) à l'ouverture d'une page.
Le site alsacreation propose un
excellent lecteur de fichiers mp3 écrit en flash
qu'il est très facile de mettre en oeuvre.
Il faut d'abord télécharger le lecteur. Alsacreation en propose 3 : mini, classic (on peut contrôler la lecture) ou multi (permet de jouer plusieurs fichiers). Ce lecteur doit être placé sur le serveur web via ftp. Personnellement, je l'ai mis dans un répertoire "players" à la racine de mon site.
Ensuite, il faut insérer un bout de code html dans la page où ce lecteur sera mis en oeuvre. Le site propose un générateur de ce code en tenant compte de multiples options telles que le démarrage automatique, la lecture en boucle, etc... Il faudra sans doute le reprendre un peu pour, par exemple, indiquer un autre chemin d'accès au lecteur.
Enfin, il faut télécharger le ou les morceaux de musique à offrir en lecture aux visiteurs. Le plus simple est de les mettre dans les assets de la page afin qu'ils soient automatiquement téléchargés sur le serveur.
Voici le code HTML que j'ai utilisé :
Et voici le résultat
Il faut d'abord télécharger le lecteur. Alsacreation en propose 3 : mini, classic (on peut contrôler la lecture) ou multi (permet de jouer plusieurs fichiers). Ce lecteur doit être placé sur le serveur web via ftp. Personnellement, je l'ai mis dans un répertoire "players" à la racine de mon site.
Ensuite, il faut insérer un bout de code html dans la page où ce lecteur sera mis en oeuvre. Le site propose un générateur de ce code en tenant compte de multiples options telles que le démarrage automatique, la lecture en boucle, etc... Il faudra sans doute le reprendre un peu pour, par exemple, indiquer un autre chemin d'accès au lecteur.
Enfin, il faut télécharger le ou les morceaux de musique à offrir en lecture aux visiteurs. Le plus simple est de les mettre dans les assets de la page afin qu'ils soient automatiquement téléchargés sur le serveur.
Voici le code HTML que j'ai utilisé :
<object type="application/x-shockwave-flash" data="/players/dewplayer-mini.swf?mp3=mp3_assets/minogue.mp3&autostart=1&autoreplay=1" width="155" height="20"><param name="wmode" value="transparent"><param name="movie" value="dewplayer-mini.swf?mp3=mp3_assets/minogue.mp3&autostart=1&autoreplay=1" />
</object>
Et voici le résultat
|