Lecteur Multimédia

Le plugin « lecteur multimedia » permet la lecture et l’affichage de sons ou de vidéos.
Il enrichit l’affichage des raccourcis des documents ajoutés <docX>. Il ajoute des lecteurs flash adaptés aux formats .MP3 et .FLV.
Le plugin agit sur tous les <docX|player> insérés dans les textes, aussi bien que dans les squelettes

Important : Depuis 2015, le plugin Lecteur multimedia a été entièrement refondu et il repose maintenant sur le lecteur Media Element Player, lecteur compatible HTML5. Les anciens lecteurs flash restent disponible sous forme d’une "skin" du Media Element Player.

Le plugin « lecteur multimedia »

Le plugin transforme les raccourcis des documents ajoutés dans le texte <docX|player> et affiche des lecteurs adaptés aux formats .MP3 et .FLV (respectivement sons et vidéos).

<docX|player> dans le texte d’un article SPIP

De nombreux lecteurs sont proposés dans le panel de configuration :

  • par défaut (depuis 2015) on utilise le lecteur Media Element player compatible HTML5
  • d’autres anciens lecteurs (à base de flash) sont aussi disponibles : Neolao player
    Dew player, One pixel out player et erational player

Audio


-  Ajouter un lecteur en écrivant <docX|player> ou bien <docXX|player|player=dewplayer> ou encore[->http://www.monsite.net/fichier.mp3]dans le texte d’un article SPIP.

-  Dans un squelette le plugin agit également (en javascript) sur les liens class="enclosure".

<a rel="enclosure" href="http://site.net/fichier.mp3">
mon fichier
</a>

-  Affichage d’un player mp3 dans un squelette SPIP

<BOUCLE_ziq(DOCUMENTS){id_document}{mode=document}{extension=mp3}>
 [(#MODELE{doc_player}{player=neoplayer}{id_document=#ID_DOCUMENT})]
 </BOUCLE_ziq>

On peut choisir son player favori sur la page de configuration du plugin. [1]

-  Afficher une playliste audio dans un squelette SPIP avec un modèle .

Pour afficher la playliste des mp3 d’un article, ou bien des derniers mp3 enregistrés : utiliser le modèle playliste dans le texte d’un article :
<playliste|id_article>
<playliste|id_article=XX>
<playliste|site>.

-  Appel dans un squelette (pour une playliste spécifique au document d’un article) :

[(#MODELE{playliste}{id_article=XX})]

La playlist est un fait un simple modèle SPIP en HTML/CSS
Il est possible de créer sa propre adaptation de la playlist en créent ses propres modèles SPIP.

Vidéo (ancienne version)

Les fonctions de lecture de vidéo ne sont plus prises en charge par le plugin en version 2, comme c’était initialement le cas dans les premières versions du plugin. Pour la lecture de vidéo pour SPIP 3, on se reportera sur des plugins dédiés : Vidéo Accessible, mediaspip player.

Avec le http://flv-player.net/ de Néolao.

Le raccourci <doc184|player|center> affiche la vidéo du document joint d’extention .flv, (video au format flv + legende, , titre, vignette personnalisée).
 [2]

Voir une démo

La playliste vidéo est également disponible.

Dans un article

<playliste|video|id_article=18>

Dans un squelette :

#MODELE{playliste_video}

Notes

[1Le 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>

[2Note : 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

Discussion

203 discussions

  • Merci pour ce super plugin !

    J’ai cependant une petite question.

    Il y a dans les configurations du plugin 4 lecteurs pour la vidéo (mini, normal, maxi et multi).
    Comment faire pour choisir celui que l’on veut ? Comment faire pour que les modifications soient effectives ? En effet, j’ai eu beau bidouiller dans les paramètres des 4 lecteurs, rien n’a bougé dans ma vidéo affichée !

    Est-ce moi ? Un problème de compatibilité de plugins ?

    Merci d’avance à ceux qui pourront m’éclairer.

    Michaël

    Répondre à ce message

  • Excusez-moi, mais je n’arrive pas a comprendre des choses elementaire :
    j’ai bien activé dans un mon site le plugin pour la partie mp3, mais je n’arrive pas à faire le même pour les vidéos dans un autr.
    Plugin activé, j’écris <docxxx|video|center> dans mon article, mais rien avvient ; c’est a à dire, je vois l’icone du document, mais pas de vidéo. Peut-être parce-que il est un vidéo ’distant’ (Youtube, ou Vimeo, ou...) ? Ou je dois charger le player de Neolao ?
    Et encore, comme configurer la partie vidéo du plugin ?
    J’ai cherché mais... Merci d’avant a tout le monde

    Carlo

    Répondre à ce message

  • El_Poipoi

    Bonjour,
    j’aimerai proposer des vidéo dans un article sous forme de playliste.
    Autant l’insertion du raccourci « docXXX|player|center » fonctionne, autant l’insertion de : « playliste|video|id_article=18 » ne donne rien...
    et je ne comprends rien...
    Est-ce que je dois modifier quoi que ce soit dans « playliste|video|id_article=18 » ? le 18, à quoi correspond-t-il ? est-ce le n° de l’article en cours de rédaction ?
    Que devrait-il se passer après avoir insérer « playliste|video|id_article=18 » ?

    je suis sous spip2.1 et squelette eva-web 4.1 si ça peut aider.
    Merci de toute aide.

    Répondre à ce message

  • Bonjour,

    Depuis le passage de notre spip en 2.1.x, le lecteur multimédia ne reconnaît plus les liens externes vers des mp3 (plus de petite flèche permettant de lancer la lecture).

    Le problème semble venir d’un attribut rel=« external » placé dans la balise, qui interfère avec le rel=« enclosure » qui permet (si j’ai bien compris) au script js de repérer les liens jouables.

    Le code html généré par spip est rel=’external’ rel=« enclosure », mais le DOM contient seulement rel=’external’ (un seul attribut gardé) ce qui semble normal car d’après les spécifications, bien que l’attribut rel puisse contenir plusieurs chaînes (rel=« external enclosure »), plusieurs rel ne semble pas supporté (en tout cas, un seul survit au parsing).

    Une idée pour corriger le problème ?

    Répondre à ce message

  • Merci de votre réponse. Effectivement, ca fonctionne.

    Répondre à ce message

  • 2

    Bonjour.
    Je voudrais télécharger le plugin lecteur multimédia mais le lien ne fonctionne pas. C’est très embetant. Ce plugin est il encore d’actualité ?
    Merci de votre prompte réponse.
    Cordialement

    Répondre à ce message

  • 1

    Bonjour,

    Est il possible de redimensionner une vidéo avec des dimension bien précises

    malgrès la configuration et le choix d’un lecteur, pour voir les différents lecteurs, mais rien ne change, ça reste sur une même présentation ?

    merci à l’avance pour votre réponse

    cordialement

    • alexandre

      Oui en effet, mais il faut aller modifier le modèle concerné après quoi ça fonctionnera comme ceci :

      <docXX|player|largeur=600|hauteur=400>

      Au niveau de la ligne 100 (plus ou moins) du fichier plugins/Lecteur_multimedia/modeles/doc_player.html :

      remplacer l’existant par,

      [(#TYPE_DOCUMENT|match{^(Flash Video|Video for Adobe Flash Player)$}|?{' '})
      #SET{largeur,#ENV{largeur,#LARGEUR|=={0}|?{400,#LARGEUR}}}
      #SET{hauteur,#ENV{hauteur,#HAUTEUR|=={0}|?{300,#HAUTEUR}}}
      <dl class='spip_document_#ID_DOCUMENT spip_documents[ spip_documents_(#ENV{align})][ (#ENV{class})] spip_lien_ok'[ style='float:(#ENV{align}|match{left|right});']>
      <dt class='spip_doc_titre'>
      <object type="application/x-shockwave-flash" data="#CHEMIN{flash/player_flv_maxi.swf}" width="#GET{largeur}" height="#GET{hauteur}">
      <param name="movie" value="#CHEMIN{flash/player_flv_maxi.swf}" />
      <param name="FlashVars" value="flv=[(#URL_DOCUMENT|url_absolue)]&amp;width=#GET{largeur}&amp;height=#GET{hauteur}&amp;bgcolor1=000000&amp;bgcolor2=000000&amp;buttoncolor=999999&amp;buttonovercolor=0&amp;slidercolor1=cccccc&amp;slidercolor2=999999&amp;sliderovercolor=666666&amp;textcolor=0&amp;showstop=1&amp;title=[(#TITRE|textebrut|urlencode)][(#LOGO_DOCUMENT||extraire_attribut{src}|match{flv.png$}|?{'',' '})&amp;startimage=[(#LOGO_DOCUMENT||extraire_attribut{src})]]&amp;ondoubleclick=fullscreen&amp;showfullscreen=1&amp;autoplay=[(#ENV{autoplay}|?{1,0})]" />
      <param name="allowFullScreen" value="true" />
      <param name="wmode" value="transparent" />
      [<strong>(#TITRE)</strong>]
      [<span><a href="(#URL_DOCUMENT)" rel="enclosure">#URL_DOCUMENT</a></span>]
      </object>
      </dt>
      [<dd class='spip_doc_descriptif'[ style='width:(#LOGO_DOCUMENT||largeur|min{350}|max{120})px;']>(#DESCRIPTIF|PtoBR)[(#NOTES|PtoBR)]</dd>]
      </dl>
      ]

    Répondre à ce message

  • Bonjour

    tout d’abord merci pour ce plugin. Est il prévu une version de ce plugin pour SPIP 3 et dans quels délais.

    cordialement

    F.M BILLARD

    Répondre à ce message

  • Bonjour,

    je vous remercie pour le plugin !!! il me rend bien service en ce moment.
    Je me demandais si il est possible de voir ou de mettre en place des stats.
    Je m’explique j’ai une page qui recense des « interview » et j’aimerai savoir combien de fois tel ou tel interview est écoutée. Est possible ?

    Merci d’avance de votre aide.
    Cordialement

    Répondre à ce message

  • <docXX|player> m’affiche la vignette par défaut.
    Aurais-je mal compris le mode d’emploi ?
    En attendant, j’utilise la méthode <embXX>.
    Plugin désinstallé.
    Je vote « J’aime pas » ?

    Répondre à ce message

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Qui êtes-vous ?
[Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom