Lecteur Multimédia

Published : 28 February 2007 – updated on 14 March 2025 – by BoOz – 347 commentaires

1
2
3
4
5
100 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}

Footnotes

[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 years 1 year 3 months Without limit
par date
Filter

207 discussions

  • 1
    RealET

    Bonjour,

    Je viens de découvrir https://dascritch.github.io/cpu-audio/

    Peut-être qua ça aurait sa place dans ce plugin ?

    Qu’en dis-tu @BoOz ?

    Reply to this message

  • 4
    mt26

    Et pour finir :

    {autoplay=1} active la lecture automatique
    {loop=1} active la répétition de la piste

    MAIS

    activer autoplay met le volume à 0.

    et même en rajoutant {volume=100}, le volume de départ se maintient à 0.

    Une sorte de sécurité anti-troll ? Dans mon cas j’aimerais pouvoir lancer la lecture, avec le volume actif (le visiteur est prévenu en début de site qu’il peut y avoir du son)...

    • mt26

      Je me réponds à moi-même. L’utilisateur peut donner manuellement l’autorisation à des sites de lancer la lecture du son automatiquement (via le bouton “verrou” du navigateur, cf ici : https://support.mozilla.org/en-US/kb/block-autoplay ). Cependant, même quand l’utilisateur a activé cette option pour mon site, le volume reste à 0 sur le plug-in quand autoplay est actif.

      Note : j’ai juste testé sur firefox, en http, sur localhost, donc pas vraiment un setup standard, je vais continuer mes tests avec d’autres navigateurs et directement en prod pour voir.

    • mt26

      Bug confirmé, testé en https sur mon domaine, avec Firefox et Chromium. J’ai beau activer manuellement dans les paramètres firefox l’autoplay, le volume reste à 0 lorsque je mets |autoplay=1 dans les paramètres du document. Sur Chromium c’est pire, la lecture ne se lance pas automatiquement du tout.

    • mt26

      Ok j’ai trouvé d’où ça venait. Dans le javascript/mejs-init.js ligne 103 il y a une ligne qui met media.muted à “true” si playernode.autoplay est activé.

      Si je remplace par ce code, j’obtiens le fonctionnement désiré :

      if (playernode.autoplay) {
  media.play().catch(function () {
    media.muted = true;
    media.play();
  });
}

      Je ne sais pas si c’est super élégant mais ça marche.

      C’est au navigateur de gérer le volume en cas de autoplay, pas au player lui-même.

    • mt26

      ouvert un ticket :-)

    Reply to this message

  • mt26

    Bonjour,

    La documentation n’est plus à jour. Ce code renvoie une erreur de squelette si on l’utilise tel quel parce que le modèle doc_player n’est plus inclus dans le plugin :

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

    En effet pour que ça marche il faut utiliser #MODELE{player} ou bien #MODELE{audio} .

    On peut aussi indiquer que {player=neoplayer} est optionnel (si on l’enlève, ça prendra le player défini dans la configuration du plugin), et on peut simplement utiliser {id_document} en raccourci sans préciser #ID_DOCUMENT :-).

    Reply to this message

  • mt26

    Bonjour,

    Est-il possible de mentionner la configuration du Autoplay dans la documentation du plug-in ?

    J’en aurais besoin pour de l’audio (donc ce serait cool pour audio + vidéo).

    Merci pour votre travail :-).

    Bien cordialement,

    Mathieu

    Reply to this message

  • 2
    Ixa

    Bonjour,
    il semble que les balises <playliste|...> ne fonctionnent plus depuis la dernière mise à jour.

    • Ixa

      Les balises fonctionnent correctement. J’avais avant la mise à jour modifié le fichier /plugins/auto/player/modeles/playliste.html pour y inclure la lecture de fichiers .ogg mais je n’avais pas copié ce fichier dans /squelettes/modeles/. C’est pourquoi la modification n’a pas été gardée après la dernière mise à jour. C’est réglé.

    • Jean Christophe Villeneuve

      Oui, c’est vraiment dommage que les différents players ne prennent pas en compte les fichiers ogg.

    Reply to this message

  • 1
    SUDRE-ROUFFAUX

    Bonjour,

    Depuis la dernière mise à jour vers SPIP 3.2.12 [23955], PHP Version 5.6.40-1 dotdeb+7.1, Mysql 5.5.60, exécuté il y a quelques semaines, sur le site de notre école (La Fontaine, Nanterre http://www.ec-fontaine-nanterre.ac-versailles.fr/) le plugin lecteur multimedia 3.2.0 dysfonctionne.

    Le lecteur de la playlist <playliste|id_article=X> donne une redondance du lecteur.
    voir ici en bas de la page la barre grisée avec le lecteur.

    J’ai désinstallé tous les autres plugins pour voir si cela ne venait pas d’eux.

    Une idée ?

    Je vous remercie.

    Cordialement

    Philippe

    • 1138

      Bonjour, Philippe.

      J’ai le même problème. En attendant une solution, j’ai mis ceci :

      /** Hack en attendant une solution à [->1476#comment509961] **/
dd.mejs-playlist .mejs__controls {display: none;} /* Supprime les controles en doublon */
dd.mejs-playlist li.item.short.track.current {background-color: white; outline: 1px gray dotted;} /* Met en évidence la piste en cours */

      dans ./web/plugins/auto/player/v3.2.0/css/playliste.css

      Ce n’est pas parfait et on peut certainement fignoler (voir pièce jointe), mais ça dépanne. Bien entendu, en fonction de ton thème, tu peux changer les couleurs, notamment le background-color, qui ne serait pas bien visible sur ton site.

      Bonne journée.

      1138.

    Reply to this message

  • 1
    juego

    J’essaye d’avoir la playlist qui fonctionne sousFirefox. S’active bien sous Chrome. Mais bizarrement pas Firefox. J’ai l’impression qu’un script JS ne tourne pas, mais aucune erreur en console.
    Voir actif ici: http://lookatmekid.org/spip.php?article87

    • tot44

      Bonjour,
      J’ai un soucis avec l’affichage de la playliste,
      J’ai vu que vous avez réussi à l’époque, votre plugin est-il à jour ? Moi j’ai la version 3.1.0
      mon appel à la playliste ici:
      https://www.pasdnompasdmaison.fr/A-l-ecoute
      mes boutons et controles par titre ne fonctionnent pas (sauf le control play-pause du dernier titre qui s’affiche)
      Merci d’avance Anthony.

    Reply to this message

  • 2
    Max

    Bonjour à tous,

    Petit retour d’expérience :
    le lecteur multimedia a besoin d’accéder au dossier avec les videos. Il ne faut donc pas activer la protection des pièces jointes dans les options du plugin “accès restreint”.
    C’est tout con mais j’ai cherché longtemps !!
    Maintenant, si un contributeur peut nous dire comment modifier ce fichier tout en gardant la protection, il sera le bienvenu.

    • Christian Julia

      Oh ! Là ! Là ! Je vais vous élever une statue. Des jours que je cherche pourquoi mes pièces jointes (mp3, pdf,...) de mes articles en zone non protégée ne fonctionnent plus. Vous êtes un saint. Mille Milliards de mercis !

    • Rivinbeg

      J’ai aussi beaucoup cherché avant de trouver ce commentaire !
      Il a suffit, dans Configuration->Plugins->Accès restreint que j’autorise la lecture des documents joints.

      Merci beaucoup !
      ;-)

    Reply to this message

  • 4
    BoOz

    Hello,

    Ce plugin n’est plus maintenu, pour le son c’est désormais https://plugins.spip.net/sm.html que j’utilise.

    Pour la vidéo tu devrais en trouver des bien sur ce site.

    Reply to this message

  • Jaseur Boréal

    Bonjour,

    Voulant ajouter un document sonore distant, depuis peu, spip 3.2 me répond que le fichier distant https://www.izdziedam100.lv/files/s... n’a pas pu être trouvé or on le lance facilement depuis un navigateur.

    Y a -t-il une explication et mieux : une solution simple ?

    Reply to this message

Add a comment

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.

Who are you?
[Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom