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
Les fonctions audio commandées en js utilisent la librairie soundmanager, et peuvent être complétées par des actions personalisées (survol etc) telles que définies dans l’api.
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
<docXX|player|player=pixplayer>
<docXX|player|player=neoplayer>
<docXX|player|player=dewplayer>
<docXX|player|player=eraplayer> Ajouter des player dans un squelette
voici un exemple :
<BOUCLE_getA(ARTICLES){id_article}>
<h1>#TITRE</h1>
....
<BOUCLE_ziq(DOCUMENTS){id_article}{mode=document}{extension=mp3}>
[(#MODELE{doc_player}{player=neoplayer}{id_document=#ID_DOCUMENT})]
</BOUCLE_ziq>
...
</BOUCLE_getA> 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 :
<a rel="enclosure" href="http://site.net/Sergio.mp3">
Sergio Dub
</a>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
- 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 <doc184|player|center> 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> en précisant la largeur et la hauteur du document (425 et 350 ici).
<embX> fonctionne également avec des videos au format m4v, .mov, .avi, mpeg, wmv, etc
Afficher une playliste avec un modèle
Pour 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) : <playliste|site>
Appel dans le texte d’un article (playliste d’un article) : <playliste|id_article=XX>
La playliste video est également disponible.
Dans un article
<playliste|video|id_article=18>
Dans un squelette :
#MODELE{playliste_video}
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 !