Pays-Froid.Net

Qu'est ce que Pays-Froid.Net

xHTML - Mettre de la musique sur un site

Les Tutoriaux du HTML et ses dérivés

xHTML - Mettre de la musique sur un site

Messagede Patoch le 17 Jan 2007 2:44

Bonjour à tous !! :)


Je constate qu'une question récurente est celle de la musique sur votre site web. Comment inserer un petit lecteur de musique pour votre site ?
C'est tres simple.


La solution la mieu adapté est Dewplayer.


I - Qu'est ce que Dewplayer ?
Dewplayer est un Player flash MP3 très léger et facile d'utilisation. Vous pourrez faire beaucoup de choses avec comme l'insérer dans une page et lancer l'écoute avec ou sans l'autorisation du visiteur ou même faire des listes d'écoutes :D .

Il est très simple d'utilisation parce que tout ce que vous avez à toucher passe par le HTML. C'est le même code que n'importe quel flash (normal, s'en est un :P) mais avec quelques modifications. Il est même possible de le personnaliser pour les sites sombres !

Ce lecteur est valide sur tous les navigateurs et il est valide celon W3C :P .



II - Mise en place du player
Tout d'abord, je vous conseil de créer un dossier musique ou vous mettrez vos MP3 mais aussi le lecteur flash disponible ici (clic droit > Enregistrer sous...).


Voila le code à placer dans votre page HTML :
Code: Tout sélectionner
<object type="application/x-shockwave-flash" data="dewplayer.swf?son=votre_son.mp3&amp;bgcolor=FFFFFF" width="200" height="20">
<param name="movie" value="mdewplayer.swf?son=votre_son.mp3&amp;bgcolor=FFFFFF" />
</object>


Vous n'avez qu'à changer votre_son.mp3 pour mettre le titre de votre musique et vous pouvez aussi modifier la couleur de fond qui est blanche (Remplacez FFFFFF par une autre couleur hexadecimal).


Si vous souhaitez que le lecteur se lance de lui même, utilisez ce code :
Code: Tout sélectionner
<object type="application/x-shockwave-flash" data="dewplayer.swf?son=test.mp3&amp;autostart=1&amp;bgcolor=FFFFFF" width="200" height="20">
<param name="movie" value="dewplayer.swf?son=test.mp3&amp;autostart=1&amp;bgcolor=FFFFFF" />
</object>



Si vous souhaitez que le lecteur fasse une lecture en boucle, utilisez ce code :
Code: Tout sélectionner
<object type="application/x-shockwave-flash" data="dewplayer.swf?son=test.mp3&amp;autoreplay=1&amp;bgcolor=FFFFFF" width="200" height="20">
<param name="movie" value="dewplayer.swf?son=test.mp3&amp;autoreplay=1&amp;bgcolor=FFFFFF" />
</object>



Biensur, vous pouvez associer une lecture en boucle avec un démarage automatique du lecteur :) .
Grâce à un script php, vous pouvez vous faire une petite liste d'écoute facilement et qui s'intègre très bien au Player flash MP3.



J'espère avoir éclairé votre lanterne les pinguins ;).
Dernière édition par Patoch le 17 Sep 2007 16:38, édité 1 fois.
Image
Image
Avatar de l’utilisateur
Patoch
Administrateur
Administrateur
 
Messages: 1343
Inscription: 13 Nov 2006 1:53
Localisation: Sur la Banquise

Messagede le modeliste le 18 Mai 2007 14:23

jusque la moi je suis mais comment on fait pour en mettre plusieur :crazy:
moi j'ai deja sa mais on peut pas en mettre deux
<embed src="http://pb.roggero.free.fr/index/miracle.mp3" width="1025" height="40" autostart="true" loop="true" align="left"></embed>
le modeliste
Bébé Pinguin
Bébé Pinguin
 
Messages: 46
Inscription: 18 Mai 2007 14:22

Messagede Patoch le 18 Mai 2007 14:48

Pour en mettre plusieur, répete ce code jusqu'à ce que tu n'en ai plus besoin (3 fois le code pour 3 musiques par exemple).
Image
Image
Avatar de l’utilisateur
Patoch
Administrateur
Administrateur
 
Messages: 1343
Inscription: 13 Nov 2006 1:53
Localisation: Sur la Banquise

Messagede le modeliste le 18 Mai 2007 16:00

sa pourait aller mais le probleme c'est que j'aimerais qu'il soit dans la meme barre
merci de venir voir mon site
http://pb.roggero.free.fr
le modeliste
Bébé Pinguin
Bébé Pinguin
 
Messages: 46
Inscription: 18 Mai 2007 14:22

Messagede Patoch le 18 Mai 2007 16:21

Je pense qu'il te faut faire une sorte de liste d'ecoute ou peut etre une radio mais la première solution me parait mieu :).
Image
Image
Avatar de l’utilisateur
Patoch
Administrateur
Administrateur
 
Messages: 1343
Inscription: 13 Nov 2006 1:53
Localisation: Sur la Banquise

Messagede Geoffroy le 20 Mai 2007 16:08

j'aurai aussi pensé faire ca par une liste d'écoute!!
au fait, bienvenue, je ne t'avait jamais vu avant!!
TIMTOWTDI
Avatar de l’utilisateur
Geoffroy
Crazy Pinguin
Crazy Pinguin
 
Messages: 1332
Inscription: 20 Jan 2007 23:11

Messagede Darklg le 23 Mai 2007 21:13

> Dewplayer.
toute autre tentative est un bidouillage qui ne passera pas sur tous les navigateurs, ou aura des bugs.
Darklg : Mon site.
Université Paris XII Créteil / Val de Marne : Le forum : Le forum de l'université Paris XII à Créteil.
Darklg
Petit Pinguin
Petit Pinguin
 
Messages: 57
Inscription: 27 Nov 2006 2:17

Messagede Geoffroy le 23 Mai 2007 21:25

??? qu'es ce que que tu di?
TIMTOWTDI
Avatar de l’utilisateur
Geoffroy
Crazy Pinguin
Crazy Pinguin
 
Messages: 1332
Inscription: 20 Jan 2007 23:11

Messagede Darklg le 23 Mai 2007 22:34

Darklg : Mon site.
Université Paris XII Créteil / Val de Marne : Le forum : Le forum de l'université Paris XII à Créteil.
Darklg
Petit Pinguin
Petit Pinguin
 
Messages: 57
Inscription: 27 Nov 2006 2:17

Messagede Geoffroy le 24 Mai 2007 5:37

ok, merci
TIMTOWTDI
Avatar de l’utilisateur
Geoffroy
Crazy Pinguin
Crazy Pinguin
 
Messages: 1332
Inscription: 20 Jan 2007 23:11

Messagede le modeliste le 25 Mai 2007 19:16

merci mais je croit que je vais rester au code que patoch m'a donne au tout debut
merci de venir voir mon site
http://pb.roggero.free.fr
le modeliste
Bébé Pinguin
Bébé Pinguin
 
Messages: 46
Inscription: 18 Mai 2007 14:22

Messagede Patoch le 26 Mai 2007 14:28

Le code de Darky est très très bien et joli :)

essaye donc avec ca :
Code: Tout sélectionner
<object type="application/x-shockwave-flash" data="dewplayer.swf?son=votre_son.mp3" width="200" height="20"> <param name="movie" value="dewplayer.swf?son=votre_son.mp3" /> </object>
Image
Image
Avatar de l’utilisateur
Patoch
Administrateur
Administrateur
 
Messages: 1343
Inscription: 13 Nov 2006 1:53
Localisation: Sur la Banquise

Messagede Patoch le 17 Sep 2007 16:39

Tutorial mis à jour !
Valide xHTML maintenant ;)
Image
Image
Avatar de l’utilisateur
Patoch
Administrateur
Administrateur
 
Messages: 1343
Inscription: 13 Nov 2006 1:53
Localisation: Sur la Banquise

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités

cron

Copyright © Pays-Froid.Net

Nous contacter | Notre Histoire | Plan du site | Nos partenaires | Mentions légales | Fil RSS | XHTML 1.0 | CSS 2.0

Partenaire : Waliwaloo - Darklg - Yagoort - Meilleur du Web - Hit Parade