- Intégrer un fichier son avec un mini-lecteur dans un article
- Le Blogue
- Connaître les aliens : qq liens
- Allo maman bobo (les hémoroïdes d’Alien)
- Peigner et brosser son Alien : une bête, ça s’entretient ou ça déteint
- L’alimenter oui, mais avec quoi ?
etc.

Autres piges de
Guernaoueb

- Les racines de Monsieur Lion
- No Wow - un album savage de The Kills
- Une mauvaise Constitution ? Etienne Chouard / Bastien François
- Comment j’ai tué mon scorpion
- Le Vélib’ tremble dans ses chaussettes
- Du whisky dans ta boite à bébé
- L’alimenter oui, mais avec quoi ?
- Natalia M. King demain soir au GlazArt
etc.


O
ù kon est ?
> 2011 Année des sonzes > Bichonner son alien

Intégrer un fichier son avec un mini-lecteur dans un article

Par Guernaoueb , le vendredi 28 décembre 2007.

A la demande de notre Ministre de la pornographie pour mieux illustrer son Grand feuilleton, voici donc comment faire pour intégrer un fichier son. Faut juste choisir sa méthode.

NB : je suis responsable des fichiers que vous mettez sur Spip, alors si vous n’avez pas les droits, préférez la solution 2 (streaming, et responsabilité des plateformes musicales).

1) Fichier son de ma composition pour lesquels j’ai les droits (important car c’est votre webmaster le responsable) Mettons-le donc directement dans le Grand Site (SPIP).

-  Dans la page où l’on écrit/modifie l’article, cliquer sur "Ajouter un document" et télécharger le fichier qui va se ranger comme un grand sur le serveur de Free.
-  Comme pour les images, Spip propose un petit bout de code avec le numéro du document ajouté
<doc296>
Ce qui donne :

WAV - 1.3 Mo
Intervention Eco1

-  A la place (ou en plus), mettre ce code :
<emb296> (en respectant le numéro du doc, c’est pas dur)
Ce qui donne

Intervention Eco1

-  Ne pas oublier d’enregistrer, comme d’hab.

2) Cas d’une chanson connue, par exemple. Je n’ai pas réellement le fichier, ou alors je n’ai pas forcément les droits mais on peut l’écouter partout sur internet :
-  eh bien repérez-le sur votre plateforme de musique en ligne préférée (radioblogclub.fr ou deezer.com par exemple)
-  repérez le bout de code que propose la plateforme pour intégrer le fichier et copier ce code tel quel dans votre article Spip : Spip sait lire le html.

Sur radioblogclub
-  choisir son titre
-  repérer dans la partie droite le code html à recopier
-  choisir ses couleurs si on le souhaite
-  copier le code html
-  le coller tel quel dans son article dans SPIP, à l’endroit souhaité

Exemple du code qu’on nous invite à copier/coller :


<embed type="application/x-shockwave-flash"
src="http://stat.radioblogclub.com/radio.blog/skins/mini/
player.swf"
allowScriptAccess="always" width="180" height="23"
bgcolor="#CCCC66" id="radioblog_player_-1"
FlashVars="id=-1&filepath=http://www.radioblogclub.com/listen?
u=..wLzRmb192cvc2bsJmLvlGZhJ3LvFWZvInZuUWZyZmLk5WdvJ3ZiV3c
/WHite%2520Stripe%2520-%2520One%2520More%2520Cup%2520Of%2520Coffee.rbs
&colors=body:#CCCC66;border:#666600;button:#660099;
player_text:#990000;playlist_text:#999999;" >
</embed>

Ce qui donne :

Chez Deezer, c’est pareil. Faut juste repérer le "Blog & Partage", ou "Blogger" : tout apparait alors dans une fenêtre, colonne de gauche.
-  Bizarrement, je n’ai pas réussi dans mes tests pour une seule chanson.
-  En revanche, ça marche très bien pour une playlist : (peut-être faut-il se créer un compte chez Deezer pour ça). Ca donne ça :


<div style="width:180px;height:236px;">
<object width="180" height="220">
<param name="movie" value="http://www.deezer.com/embedded/widget.swf?path=2094555&lang=fr&autoplay=0&id=775192">
</param>
<embed src="http://www.deezer.com/embedded/widget.swf?path=2094555&lang=fr&autoplay=0&id=775192" type="application/x-shockwave-flash" width="180" height="220">
</embed>
</object>
<a href="http://www.deezer.com" style="border:none;margin:0;padding:0;">
<img src="http://www.deezer.com/embedded/footer.jpg"
alt="free music" title="free music" border="0" style="border:none;margin:0;padding:0;" />
</a></div>

Ce qui donne :

free music

Bref, super simple, ya qu’un savoir faire un copier-coller.

Répondre à cet article


Bichonner son alien