Lecteur Multimédia

Publié le : 28 février 2007 – Dernière modification le 8 janvier 2022 – par BoOz – 336 commentaires

1
2
3
4
5
99 votes
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

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

[2] 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

Discussion

5 ans 1 an 3 mois Sans limite
par date
Filtrer

203 discussions

  • pgiron

    Bonjour,
    Problème avec le lecteur multimédia en SPIP 2.1.5 : il ne démarre pas ! La version du lecteur est la dernière prise sur le site (0.75).
    Voir la page http://saintbrieuc-treguier.catholique.fr/C-est-l-humain-qui-est-capital

    Répondre à ce message

  • pamillet

    bonjour,

    je comprends dans la config du plugin qu’on peut faire démarrer automatiquement un son à l’affichage de l’article... en cochant « ’lire automatiquement » dans la configuration

    ca ne marche pas dans mon site SPIP 2.1.2 [14698] | Sarka-SPIP 3.0.4 [40664]

    d’autre part, je ne trouve pas de documentation sur l’appel en dehors du choix du lecteur, il n’y a pas d’autres paramètres (boucle ?)

    merci d’avance
    pam

    Répondre à ce message

  • DD

    Bonjour,

    je n’arrive pas à faire apparaitre ma playlist vidéo avec le player (version : 0.75 [41304])
    j’ai mis sur ma page sommaire :

          [(#MODELE{playliste_video}{id_article=236})]

    et là j’ai un grand blanc sur la page. J’ai essayé avec des vidéos attachées à l’article en .swf (local), des vidéos distantes .swf, des vidéos locales .mpg

    nada ; je ne vois pas trop ou ca bloque.

    merci
    dd

    Répondre à ce message

  • François Daniel Giezendanner

    Pour afficher la playliste des mp3 d’un article, un collègue qui enseigne SPIP à des élèves (tous administrateurs) d’une école HES a été confronté à des problèmes avec l’instruction :

    <playliste|id_article>

    Cela dysfonctionnait pour des mp3 téléchargés dans la page courante des élèves. Par exemple, les mp3 joués (ou non) étaient autres que celles définies par les élèves.

    Le problème n’a pu être résolu qu’avec l’utilisation de la balise :

    <playliste|id_article=XX>

    Quelqu’un a-t-il déjà été confronté à ce type de problème avec l’instruction <playliste|id_article>

    Cordialement

    FDG

    Répondre à ce message

  • 2
    Billard_fm

    Bonjour

    j’ai fait un modèle afin de trier les vidéos et les afficher dans un article avec ceci :

    [(#MODELEdoc_playerid_document=#ID_DOCUMENT)]

    J’obtiens le ou les lecteurs multimédia avec le titre de la vidéo, mais quand je demande la lecture rien ne se passe le lecteur reste noir sur fond noir.

    Par contre si j’utilise la playlist je peux lire la vidéo.

    Quand j’utilise le modèle doc au lieu de doc_player, la j’obtiens une liste de vidéos que j’arrive aussi à lire.

    Y-a-t il un détail de configuration du plugin « multimedia » qui m’échapperai ?

    Configuration en local : LINUX DEBIAN +APACHE +SPIP2.1 + plugin . « multimedia »

    Merci d’avance.

    F. BILLARD

    • Louis

      Salut Billard_fm,

      A la recherche d’une même solution de tri des vidéos, j’ai trouvé un moyen plus simple : modifier le fichier video_liste.html
      A la ligne 8, il suffit de modifier le critère de tri  !par date et mettre par titre
      Et voilà...

      A+

      Louis

    • Billard_fm

      merci

      En prenant soin de recopier ce modèle dans le répertoire /squelettes/modeles/ et de faire les modifications dans cette copie.

      cordialement

      François-marie

    Répondre à ce message

  • 2
    serg

    Salut.

    J’ai réalisé deux sites. le premier en spip 2.0 et l’autre en spip 2.1.
    J’ai installé exactement les même plugins. sur le premier site le plugin lecteur multmédia fonctionne parfaitement. Mais dans le second je ne peux lire aucune vidéo : la fenêtre du lecteur reste noire lorsque j’appuie sur play. Mais le lecteur playliste fonctionne parfaitement.

    J’ai pourtant effacé le fichier .htaccess qui contenait« deny from all ». Il était présent dans le répertoire flv de IMG.

    Si quelqu’un a la solution. Merci d’avance.

    Sites hébergé chez free sous sarkaspip 3

    • Billard_fm

      Même problème depuis des semaines sans solution. Curieux.

      Cordialement

      François BILLARD

    • Billard_fm

      De mon coté le plugin ne fonctionne pas en 2.09 par contre il est Ok en 2.12 pour la partie vidéo en mode player qui posait problème.

      françois-marie BILLARD

    Répondre à ce message

  • Frink

    Bonjour,

    J’ai installé le plugin sur un spip 2.1 et il ne marche pas sous IE. Ce bug est-il répertorié qque pars car je ne trouve rien sur le net.

    Merci d’avance

    Frink

    Répondre à ce message

  • Thufir

    Bonjour,

    J’utilise ce plugin pour la vidéo. Il est super mais le lecteur a une bordure un peu bof avec des arrondis et un effet de dégradé du blanc vers le gris (que je retrouve d’ailleurs sur toutes les démos). J’ai essayé de farfouiller sur le backoffice mais sans succès : même en mettant marge de la vidéo 0 et en changeant les couleurs de fond, ça donne rien.

    Savez vous comment on peut agir sur cet aspect des choses ? Du point de vue de notre charte graphique, ça le fait moyen.

    Merci d’avance

    Répondre à ce message

  • Mehdi

    bonjour,

    j’obtiens une page blanche dès installation de ce plugin sur SPIP 2.1.1...
    le seul moyen d’avoir accès ausite est d’effacer le dossier du plugin du répertoire plugins...

    est-un bug ?? quelqu’un a-il une solution ??

    @+

    Répondre à ce message

  • robomatix

    Sur http://festi.tv/(spip 2.1.0), j’utilise ce plugin (dernière version je crois) pour afficher des vidéo. Au départ, elles sont prévu pour un formatclassique, mais maintenant, il faudrait les afficher en 16/9...

    J’ai fait une tentative : http://festi.tv/spip.php?page=sommaire-test, mais le lecteur est bien redimensionnée, mais pas la vidéo. Pour info « La Journée « Conférence de presse du Off » » est en 16/9...

    Voici le code normal qui appelle le modèle :

     <BOUCLE_video(DOCUMENTS){id_article}{mode=document}{extension=flv}>
                            [(#MODELE{doc_video}{id_document=#ID_DOCUMENT}{largeur=368}{hauteur=226})]
</BOUCLE_video>

    Le modèle :

    [(#TYPE_DOCUMENT|=={Flash Video}|?{' '})
#SET{largeur,#ENV{largeur,#LARGEUR|=={0}|?{400,#LARGEUR}}}
#SET{hauteur,#ENV{hauteur,#HAUTEUR|=={0}|?{300,#HAUTEUR}}}
<div id="video">
<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;#PLAYER_FLV_FLASHVVARS[&amp;srturl=(#ENV{srturl})]&amp;margin=0&amp;showtime=2[&amp;startimage=(#LOGO_DOCUMENT|fichier)]" />
<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>
</div>
]

    Et maintenant, le code de test qui appelle le modèle de test :

    <BOUCLE_video(DOCUMENTS){id_article}{mode=document}{extension=flv}>
                            [(#MODELE{doc_video_test}{id_document=#ID_DOCUMENT}{largeur=368}{hauteur=207})]
                    </BOUCLE_video>

    et le modèle de test :

    [(#TYPE_DOCUMENT|=={Flash Video}|?{' '})
#SET{largeur,#ENV{largeur,#LARGEUR|=={0}|?{400,#LARGEUR}}}
#SET{hauteur,#ENV{hauteur,#HAUTEUR|=={0}|?{300,#HAUTEUR}}}
<div id="video_test">
<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;#PLAYER_FLV_FLASHVVARS[&amp;srturl=(#ENV{srturl})]&amp;margin=0&amp;showtime=2[&amp;startimage=(#LOGO_DOCUMENT|fichier)]" />
<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>
</div>
]

    Est ce que quelqu’un aurait une idée de comment faire pour que le lecteur s’affiche correctement en 16/9 ?

    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