Un bloc note ( celui de windows bien entendu )
Ce site: https://mp3skull.wtf
et ce code:

Code:

<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="25">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf"/>
    <param name="bgcolor" value="2a507d"/>
    <param name="FlashVars" value="mp3=http://a.tumblr.com/tumblr_ml0h449Ykv1rccx2uo1.mp3#_=_;"/>
  </object>

Sur https://mp3skull.wtf 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"



Récupérer le lien qui nous intéresse et se termine par ".mp3". Pour se faire, rien de plus simple, clique droit sur "Download", vous allez avoir un menu déroulant qui va s'ouvrer, cliquez sur "copiez l'adresse du lien"

Mon adresse à moi ressemble à ceci:

Code:

http://rolland.biz/Boadicea.mp3

Vous avez le code que je vous ai fourni au début:

Code:

<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="25">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf"/>
    <param name="bgcolor" value="2a507d"/>
    <param name="FlashVars" value="mp3=http://a.tumblr.com/tumblr_ml0h449Ykv1rccx2uo1.mp3#_=_;"/>
  </object>

Il suffira de copier le nouveau lien de la chanson juste après "mp3="

ce qui donnerait chez moi:

Code:

<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="25">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf"/>
    <param name="bgcolor" value="2a507d"/>
    <param name="FlashVars" value="mp3=http://rolland.biz/Boadicea.mp3#_=_;"/>
  </object>

Et voilà...Votre lecteur est près !



Pour ce faire, rien de plus simple, décortiquons ensemble le code de ce lecteur:

Code:

<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="25">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf"/>
    <param name="bgcolor" value="2a507d"/>
    <param name="FlashVars" value="mp3=http://rolland.biz/Boadicea.mp3#_=_;"/>
  </object>

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:

www.w3schools.com/tags/ref_color_tryit.asp?color=

( vous pouvez changer le fond du site en mettant la couleur du fond dans l'url juste après color= )

Voilà...Maintenant, c'est à vous jouer :p

• Explication
  
• La version du tuto
  
  
• La version forumactif/Youtube
  
  
• La version transparente
  
  
• La version classique 1
  
  
• La version classique 2
  
  
• La version classique 3
  
  

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.





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 )





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

Les moins:

- Non personnalisable

Code:

[flash(500,25)]http://www.youtube.com/v/5tqjm5anx24&feature=?version=2[/flash]

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=

Exemple:
https://www.youtube.com/watch?v=5tqjm5anx24
Vous devez juste récupérer: 5tqjm5anx24

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





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

Les moins:

- Impossible d'en régler le volume

Code:

<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=http%3A//sd-2.archive-host.com/membres/playlist/86313983924356699/c63a04c9e34da9bcf974598ca40706d2.mp3&t0=Votre texte&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />

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 )

src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=http%3A//sd-2.archive-host.com/membres/playlist/86313983924356699/c63a04c9e34da9bcf974598ca40706d2.mp3&t0=Votre texte&total=1"

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:






Une version très classique dont le code vous fera inévitablement penser à la version utilisé pour le tuto

Code:

<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="200" height="20">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />
    <param name="FlashVars" value="mp3=http%3A//sd-2.archive-host.com/membres/playlist/86313983924356699/c63a04c9e34da9bcf974598ca40706d2.mp3" />
</object>

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

param name="FlashVars" value="mp3=http%3A//sd-2.archive-host.com/membres/playlist/86313983924356699/c63a04c9e34da9bcf974598ca40706d2.mp3"

Plus exactement la partie coloré, qui devra être remplacer par votre nouveau lien

Changer la taille:
Il s'agit toujours des valeurs Width et Height qui seront à modifier dans le code

Changer la couleur de fond:
Cette version hélas ne permet pas de changer la couleur de fond





Les plus:

- Pouvoir modifier le volume

Les moins:

- Pas personnalisable

Code:

<embed src="http://www.dahane-tcd.com/generateur/player_v2/mediaplayer.swf" width="320" height="20" allowfullscreen="true" allowscriptaccess="always" flashvars="&file=http://www.inmost-light.com/wp-content/uploads/2012/12/Clint-Mansell-The-Fountain-09-Death-is-the-Road-to-Awe.mp3&height=20&width=320" />

Changer la musique:
Rendez vous sur http://www.mp3olimp.net/

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"

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




Les plus:

- Possibilité de mettre en "autoplay"
- Présence du temps
- Modifier le volume

Les moins:

- Non personnalisable

Code:

<audio src="URL .MP3 ICI" controls  id="MusicPlayer">
<embed src="URL .MP3 ICI" autoplay="false" name="MusicPlayer id="MusicPlayer" /></audio>

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"