SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

286 Plugins, 197 contribs sur SPIP-Zone, 261 visiteurs en ce moment

Accueil > Affichage multimédia > Audio, vidéo > Lecteur Multimédia > Lecteur Multimédia

Lecteur Multimédia

28 février 2007 – par BoOz – 311 commentaires

94 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 flash 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".

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

Télécharger

-  Affichage d’un player mp3 dans un squelette SPIP

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

Télécharger

On peut choisir son player flash 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) :

  1. [(#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 :

  1. #MODELE{playliste_video}

Voir en ligne : http://plugins.spip.net/player

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

Dernière modification de cette page le 2 mars 2015

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 4 février 2013 à 16:16, par Patrocle En réponse à : Lecteur Multimédia

    Bonjour, je me sers de ce plugins pour lire des vidéos flv, mp4 et d’autres format.

    Mon soucis c’est que les vidéos (flv et mp4) démarrre automatiquement.

    j’ai essayé

    <doc19|player|center|preload=auto|autoplay=false>

    <doc19|player|center|preload=auto|autoplay=0>

    <doc19|player|center|preload=auto|autostart=false>

    <doc19|player|center|preload=auto|autostart=0>

    Les vidéos ne démarrent plus automatiquement mais elles ne démarrent plus tout court (même en cliquant sur play)

    Si je met les autostart à 1 ou true, elles démarrent automatiquement.

    Quelqu’un a-t-il une solution ?

    Par avance merci.

    • Le 14 janvier à 08:35, par Spipmalion En réponse à : Lecteur Multimédia

      Même genre de problème : les vidéos démarrent automatiquement, quelque soit le paramètre

      autoplay=0 autostart=false etc.

    Répondre à ce message

  • Le 13 novembre 2015 à 01:49, par juego En réponse à : Lecteur Multimédia

    Super plugin. Par contre, je ne comprends pas. Le javascript inclus dans la page semble correctement s’activer sous Chrome, mais pas sous Firefox. Des idées ?
    Page où vous pouvez voir le problème : http://lookatmekid.org/spip.php?article25

    Répondre à ce message

  • Le 11 novembre 2015 à 18:52, par juego En réponse à : Lecteur Multimédia

    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

    Répondre à ce message

  • Le 11 octobre 2015 à 18:57, par Jaseur Boreal En réponse à : Lecteur Multimédia

    Bonjour,

    J’ai besoin de vos suggestions avisées pour
    permettre la lecture correcte d’un fichier externe de type « son.webm » bien lu direct dans firefox avec affichage automatique d’un player son.

    Exemple ici :
    http://www.esipats.lv/system/storyfiles/attachments/000/000/741/original/3_stasts_ivars.webm?1433793882

    Quand on incorpore ce lien comme document spip dans une page en cours d’écriture avec

    1. <emb123|player> ou encore <emb123|player>,

    on obtient l’affichage d’un player vidéo, avec impossibilité de lancer l’écoute.

    Avez-vous une solution ?
    Merci de vos trouvailles.

    Répondre à ce message

  • Le 26 juin 2015 à 10:17, par Yohooo En réponse à : Lecteur Multimédia

    Si cela peut servir à quelqu’un, voici de quoi rendre la playliste un peu plus jolie (voir visuel).
    Le code ci-dessous est à ajouter dans une feuille de style utilisant less.

    Il suffit de modifier la variable @largeur_radio pour obtenir un lecteur de la largeur souhaité.

    1. @largeur_radio : 240px;
    2.  
    3. .play-liste {
    4. width: @largeur_radio;
    5. margin: 0px 50px 0 46px;
    6. h2 { display: none;}
    7. .spip_documents {
    8. padding-bottom: 30px;
    9. background: #221F1F;
    10. .mejs-container {
    11. height: 52px !important;
    12. .mejs-controls {
    13. top:0;
    14. bottom: inherit;
    15. .mejs-time-rail {
    16. width: @largeur_radio - 112;
    17. .mejs-time-total { width: @largeur_radio - 122; }
    18. }
    19. .mejs-horizontal-volume-slider {width: 50px;}
    20. }
    21. }
    22. .mejs-playlist {
    23. background: #221F1F;
    24. width: @largeur_radio;
    25. padding: 0;
    26. color: #fff;
    27. .item {
    28. background: #221F1F;
    29. overflow: hidden;
    30. padding: 0 0 6px 9px;
    31. .mejs-button {margin-top: 8px; }
    32. .download {
    33. color: #fff;
    34. display: none;
    35. }
    36. .entry-title {padding: 9px 7px 8px; }
    37. }
    38. .current, .item:hover {background: #333232; }
    39. }
    40. }
    41. }

    Télécharger

    JPEG - 21.9 ko

    Répondre à ce message

  • Le 1er juin 2015 à 00:11, par Amire En réponse à : Lecteur Multimédia

    Bonjour,

    J’utilise le plugin, il fonctionne parfaitement. Le seul problème c’est l’affichage en écran noir, y a t’il un moyen de sélectionner une image qui s’affichera en état initial (avant de cliquer sur play) ? Merci.

    Répondre à ce message

  • Le 5 mai 2015 à 11:23, par François En réponse à : Lecteur Multimédia

    Bonjour à tous,

    Je me retrouve face à un problème depuis quelques jours. J’ai tenté de mettre un fichier audio au format mp3 sur le site, j’utilise donc ce plugin en mettant dans l’article le code <docX|player>
    mais le fichier audio ne se joue pas.

    1. Le lecteur se met bien en place dans l’article
    2. En appuyant sur play rien ne se passe (aucun son)
    3. J’ai tester tous les choix de lecteurs (le lecteur s’affiche bien mais aucun son ne sort)
    4. Je suis sur la dernière version de spip
    5. J’ai bien tester le fichier avant et après l’envoie par FTP, mais il n’est pas corrompu !

    Pouvez vous m’orienter pour tenter de résoudre le problème ? Merci d’avance

    Répondre à ce message

  • Le 19 novembre 2013 à 08:51, par Max En réponse à : Lecteur Multimédia

    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.

    • Le 17 décembre 2014 à 19:22, par Christian Julia En réponse à : Lecteur Multimédia

      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 !

    Répondre à ce message

  • Le 22 mars 2014 à 14:20, par Jaseur Boreal En réponse à : Lecteur Multimédia

    Bonjour,

    Sur SPIP 3.16.

    Différences entre l’affichage vidéo avec « autoplay=0 » ou avec « autoplay=1 » .

    Exemple ici : http://www.lettonie-francija.fr/Riga-inquiet-invasion-balte-crimee-721

    formule utilisée :

    Comment afficher une image de la vidéo lorsque l’on règle « autoplay=0 », car selon le navigateur utilisé, on a comme ici (exemple de la quille VLC) , ou un espace blanc.

    Comment faire avec autoplay=0 pour afficher une image issue de la vidéo ?

    Merci de tous vos trucs et idées .

    JPEG - 58.9 ko

    Répondre à ce message

  • Le 9 février 2014 à 18:39, par Fa_b En réponse à : Lecteur Multimédia

    Une chose m’interpelle un peu avec le plugin losque l’on active l’option « Ajouter le mini lecteur devant chaque lien MP3 » et que l’on fait un lien du type [titre->lienversfichier.mp3] pas de problème le mini player s’active bien devant. Mais si on fait un lien du type [titre->docXX] (le même fichier mp3) et bien non ça ne passe pas, hors ce sont bien 2 liens vers un fichier mp3.

    J’arrive à faire fonctionner le second cas lorsque je supprime dans player_post_propre($texte) la référence « http:// » dans les 2 regex l.112 et l.120

    Bon voilà, c’est un peu radical… Mais au moins tous les doc mp3 peuvent être lus, les externes et internes. Serait-ce envisageable d’ajouter cette modification dans le plugin ou bien cela risque de poser des soucis ? Vu que je ne connais pas tous les cas de figure avec ce plugin.

    Répondre à ce message

Répondre à cet article

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 Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • ScolaSPIP 4

    19 janvier – 69 commentaires

    ScolaSPIP est plugin-squelette responsive personnalisable pour sites Web d’établissements scolaires basé sur SPIPr Présentation de ScolaSPIP Ce plugin pour SPIP 3 est développé par la Dane de l’académie de Versailles pour les webmestres de cette (...)

  • Plugin Vidéo(s)

    23 novembre 2010 – 653 commentaires

    Interface de gestion et modèle d’insertion des vidéos : Dailymotion Vimeo Youtube Modèle de la balise HTML5 video avec alternative flash html5media : Lecture HTML5/Flash pour tout navigateur des fichiers MP4/H264/Ogg/WebM/Mkv (...)

  • Referer Spam

    23 janvier – 11 commentaires

    Le but de ce plugin est d’exclure les liens entrants frauduleux des statistiques à l’aide d’une liste noire. Afin de lutter contre le referer spam, qui peut rapidement rendre inutilisable les statistiques de visites fournies par spip, ce plugin (...)

  • ScolaSPIP 3

    21 mai 2012 – 435 commentaires

    Un plugin-squelette personnalisable pour sites Web d’établissements scolaires

  • Plugin Multidomaines 2.x

    10 juillet 2012 – 63 commentaires

    Le plug-in Multidomaines permet d’associer un nom de domaine ou un sous-domaine a un secteur Spip. Les balises rajoutées permettent de pointer un lien absolu aussi facilement qu’avec les balises originales. ATTENTION ! Le plugin n’est pas (...)