Sur http://www.mp3olimp.net/ chercher la musique que vous souhaiter. Pour la signature de Luna, j'ai décidé de changer de musique et je cherche donc une nouvelle musique qui se nomme "boadicea". Je tape donc dans recherche "Boadicea Enya" et clique sur search.
Pouf, le site me génère une liste, j'ai de la chance, la première de la liste est la bonne ( pour vérifier, suffit de cliquer sur "play"
Etape 2
Récupérer le lien qui nous intéresse et se termine par ".mp3". Pour se faire, rien de plus simple, cliquez sur "Embed", vous allez avoir un petit truc qui va s'ouvrir, vous copier colle le code dans votre bloc note
La raison pour laquelle je n'utilise pas directement ce code est simple, le lecteur ne s'affiche pas sur le forum :p Donc ! Dans ce code, il faut repérer le ".mp3" dont je vous parle...Il se trouve juste après "file="
Dans la première ligne se trouve la taille définie par le Width ( largeur ) et le Height ( longueur ) chez moi, il est de 200 sur 25 px. Vous pouvez donc modifier ses valeurs en fonction de la taille souhaiter, si vous la souhaiter plus large, modifier le width, si vous la souhaiter plus longue, modifier le height ( bien que 25px en height, c'est assez parfait ^^ )
Pour modifier la couleur, rien de plus simple encode...deux lignes plus loin vous avez
Code:
<param name="bgcolor" value="2a507d"/>
il suffit de modifier le "value" par le code de votre couleur...Pour ça, je vous ramène à ce site:
Dernière édition par Mr Muggles le Mar 15 Sep - 21:59, édité 1 fois
Mr Muggles
« Admin »
Messages : 21 Date d'inscription : 16/05/2015
Sujet: Re: [Tuto] Mettre un lecteur de musique Mar 15 Sep - 21:56
Différents Skins
Explication
Dans cette nouvelle partie, je vais vous présenter différent type de lecteur de musique, différente apparence et par la même occasion vous décortiquer le code pour vous permettre de facilement en changer la musique, la taille ou tout autre chose modifiable.
La version du tuto
Cette version est celle dont j'ai utilisé le code pour le tutoriel ci-dessus. Vous y trouverez donc l'explication du code et tout se dont vous avez besoin dans le post précédent. La taille y est modifiable, ainsi que la couleur de fond ( et bien évidemment la musique )
La version forumactif/Youtube
Les plus:
- Très facile à comprendre et à coder - La taille du code ( très court )- Facilité d'accès à la musique vu qu'il s'agit de youtube
Comme vous pouvez le remarquer, le code est assez simple et pas très prise de tête. Changer la taille: La partie entre parenthèse c'est la taille du lecteur (largeur,longueur) Il suffira d'en changer les valeurs.
Changer la musique: Il vous suffira de faire un tour sur youtube, de choisir votre musique et de récupérer dans l'url la partie qui suit le v=
Il suffira ensuite d'intégrer cette partie juste entre "v/" et "&feature=?version=2"
IMPORTANT Veillez à laissez cette partie: &feature=?version=2 juste après l'url youtube
Il vous est possible de plus ou moins changer le skin en changer la valeur de "version="
Si vous mettez version=1:
Il n'existe à ce jour que ces deux version
La version transparente
Les plus:
- La possibilité de le mettre en transparent ( comme ça l'est actuellement )- La possibilité de mettre n'importe quel texte pour le titre ( ici nous avons "La Belle et le lion" )- La longueur du code qui est relativement court
Changer la musique: Rendez vous sur http://www.mp3olimp.net/ ( cf le tuto ci-dessus pour savoir somment utilisez le site ) Lorsque vous avez l'url de votre musique il vous suffira de remplacer l'url dans le code ( la partie en couleur ci dessous )
Changer la couleur de fond: Il vous suffira de remplacer wmode="transparent" dans le code par bgcolor="000000" la valeur à l'intérieur des guillemets correspondant à la couleur choisir ( ici du noir )
Changer le texte: Dans le code, juste après l'url de votre mp3, vous avez &t0=Votre texte&total=1". Changez simplement "Votre texte" par le texte voulu
Modifier sa taille: Il est parfaitement possible d'en modifier sa taille Dans le code, repérez simplement width="200" height="10" et changez y les valeur Sachez que modifier seulement le width n'est intéressant que si vous avez une couleur de fond. Modifier le Height agrandira la taille des icônes et du texte
Exemple avec un width de 400 et un height de 20 avec un fond:
Exemple avec un width de 400 et un height de 20 sans fond:
La version classique 1
Une version très classique dont le code vous fera inévitablement penser à la version utilisé pour le tuto
Changer la musique: Rendez vous sur http://www.mp3olimp.net/ Lorsque vous avez votre lien ( se finissant par .mp3 pour rappel ) il vous faudra modifier cette partie du code
Remplacez la partie coloré par le lien de votre musique
Changer la taille:
Dans cette version, il y a deux zones à modifier pour en changer la taille: embed src="http://www.dahane-tcd.com/generateur/player_v2/mediaplayer.swf" width="320" height="20" allowfullscreen="true" allowscriptaccess="always" flashvars="&file=http%3A//sd-2.archive-host.com/membres/playlist/86313983924356699/c63a04c9e34da9bcf974598ca40706d2.mp3&height=20&width=320"
Veillez à mettre les mêmes valeurs dans ses deux parties du code
La version classique 3
Les plus:
- Possibilité de mettre en "autoplay" - Présence du temps- Modifier le volume
Changer la musique: Rendez-vous sur http://www.mp3olimp.net/ Lorsque vous avez trouvez votre musique il vous suffira de le mettre à deux endroits: audio src="URL .MP3 ICI" embed src="URL .MP3 ICI"
Mettre l'autoplay: L'autoplay est une option permettant que la musique se mette directement en route sans avoir à cliquer sur play Pour le mettre en place il suffira de repéré autoplay="false" et le modifier en autoplay="true"