Utilise JQuery et des micro formats -//—>
//—>
- dusty springfield
- 02-billie holiday-speak (...)
- 02-billie holiday-speak (...)
- SF303649-01-02-01
- 080422
- mc chris - WiiD (Peanut (...)
- 040308-Yngwie Malmsteen-Magica
- 041108-marcia griffiths-dont
- 041108-jake shimabukuro-wmggw
- A Change Is Gonna Come
- 041108-norman palm-gjwthf
- bizbennie
- ComeOver
- Isfahan
- Subtraction
Le plugin « lecteur multimedia »
Le plugin « lecteur multimedia » permet la lecture et l’affichage de sons ou de videos.
Dans un texte le plugin transforme les raccourcis des documents ajoutés <docX|player> et affiche des lecteurs flash adaptés aux formats .MP3 et .FLV.
Télécharger le plugin Lecteur_multimedia
Audio
Ajouter des lecteurs en écrivant <docX|player> dans un texte
Voici un document mp3 ajouté à cet article en précisant la légende et sans mettre de vignette personalisée <doc6|player> :
- Toccata prokofiev
- balaise au piano
Un autre exemple avec un document distant (legende et vignette personnalisée), <doc185|player|center> :
-
- Les idées saines
- Mix révélé par Davduf
Un troisième exemple épuré : <docX|player> tout court, pas de légende, titre ou vignette.
Le plugin agit également sur les raccourcis de la forme [->http://www.monsite.net/fichier.mp3] insérés dans les textes.
http://www.monsite.net/fichier.mp3
D’autres players audio
On peut choisir son player flash favori sur la page de configuration du plugin.
Le lecteur audio par défaut est le lecteur de Neolao, mais le plugin propose également de choisir un lecteur audio alternatif parmi Dewplayer, one pixel out player (celui qui se déplie) et eraplayer.
éventuellement, il peut être utile d’afficher plusieurs lecteurs
<br /> <docXX|player|player=pixplayer><br /> <docXX|player|player=neoplayer><br /> <docXX|player|player=dewplayer><br /> <docXX|player|player=eraplayer><br /> Ajouter des player dans un squelette
voici un exemple :
<br /> <BOUCLE_getA(ARTICLES){id_article}> <br /> <h1>#TITRE</h1><br /> .... <br /> <BOUCLE_ziq(DOCUMENTS){id_article}{mode=document}{extension=mp3}><br /> [(#MODELE{doc_player}{player=neoplayer}{id_document=#ID_DOCUMENT})]<br /> </BOUCLE_ziq><br /> ...<br /> </BOUCLE_getA><br /> Les raccourcis de liens du type [->http://www.monsite.net/fichier.mp3] dans un texte
On peut aussi écrire dans le texte :
[->http://www.monsite.net/Sergio_Dub.mp3]
et obtenir simplement :
http://www.davduf.net/IMG/Sergio_Dub.mp3
Et si on écrit dans le texte :
[Sergio Dub->http://www.monsite.net/Sergio_Dub.mp3]
On obtient simplement :
On obtient ce résultat en couplant JQuery et les micro formats.
Le plugin réagit également au micro-format rel="enclosure", grâce à une commande jQuery, déclenchée par la balise #INSERT_HEAD dans l’entete de la page HTML.
Si vous écrivez dans un squelette :
<br /> <a rel="enclosure" href="http://site.net/Sergio.mp3"><br /> Sergio Dub<br /> </a><br /> vous obtenez :
Avec la page de syndication site.html de la dist, le plugin donne directement ca. http://spip-zone.info/spip.php?site1
Le format ogg vorbis
Si en revanche on ajoute un document au format ogg <doc7|player|center> ca donne ca :
- Perline
- class="spip_doc_descriptif">Conférence sur SPIP
car il n’existe pas encore de lecteur flash qui lit le format ogg vorbis.
Vidéo
Avec le player Neolao.
Avec une video au format flv (+ legende, + titre, sans vignette personnalisée) le raccourci donne
- Présentation par Stéphane
Et avec une video avec dimension (350 x 200) et vignette :
Note : Parfois, les documents distants au format .flv sont reconnus par spip en tant que fichier texte, vous saurez ici pourquoi, et quoi faire
Comme l’explique Arno*, il est également possible d’ajouter une video format .swf (comme sur utube par exemple) , avec l’habituel
<embx></embx>en précisant la largeur et la hauteur du document (425 et 350 ici).<embx></embx>fonctionne également avec des videos au format m4v, .mov, .avi, mpeg, wmv, etc
Afficher une playliste avec un modèlePour afficher la playliste des mp3 d’un article, ou bien des derniers mp3 si on est pas dans un article on peut utiliser le modèle playliste.
Appel dans un squelette (Cf page d’accueil de ce site) : [(#MODELE{playliste}{id_article})]<//—>
- >
//—>
Appel dans un squelette (pour une playliste spécifique) : [(#MODELE{playliste}{id_article=XX})] Appel dans le texte d’un article (derniers mp3 du site) : Appel dans le texte d’un article (playliste d’un article) :La playliste video est également disponible.
Dans un article
Dans un squelette :
<br /> #MODELE{playliste_video}<br />Le challenge maintenant, c’est d’améliorer la css de la playlist et même d’en proposer différentes pour faire des "skins".
A vous de jouer !
P.-S.
Ce plugin est un mélange des contribs précédentes de BoOz, Cedric, Iago et Netdeveloppeur sur ce sujet.
Le code source est disponible sur spip-zone
Télécharger le plugin Lecteur_multimedia
Une fois que vous avez décompressé le fichier, renommez le repertoire "Lecteur_multimedia", puis placez le dans le répertoire /plugins à la racine du SPIP, et activez le plugin dans l’espace privé.
Pour les versions de spip < 1.9.2, vous devez aussi installer le plugin jquery lequel nécéssite d’ajouter la balise #INSERT_HEAD dans le de la page HTML.
