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

  • Il y a, il me semble, un soucis au niveau du lien de téléchargement du plugin.

    c’est http://files.spip.org/spip-zone/Lecteur_multimedia.zip

    Répondre à ce message

  • 3
    Philippe Guérindon

    Bonjour,
    J’utilise le plugin depuis quelques temps sur mes site pour les vidéos flv.

    J’ai lu dans les posts qu’il était possible de configurer le lecteur audio de faon à avoir l’autostart à “vrai”. Je ne trouve pas du tout l’endroit où cette configuration doit être faite. J’ai trouvé pour les vidéos mais rien pour le lecteur audio (avec n’importe quel choix de lecteur). L’idée est d’utiliser le plugin pour faire une musique de fond sur le site AVEC un bouton d’arrêt de la musique.

    Une idée ?

    Merci pour le support.
    Philippe G

    • Philippe Guérindon

      Bonjour encore,

      J’ai choisi l’inclusion du Player dans le squelette des articles sous la forme de : [(#MODELE{doc_player}{player=eraplayer}{id_document=108})] (108 est le n° du document sur le site) qui me donne dans le code source de la page :

      <dl class='spip_document_108 spip_documents spip_lien_ok'>
      <dt class='spip_doc_titre crayon document-titre-108 ' style='width:120px;'><strong>musique de fond</strong></dt>
      <dd class='spip_doc_descriptif' style='width:120px;'>
      <object id="audioplayer108" type="application/x-shockwave-flash" data="plugins/auto/Lecteur_multimedia/flash/eraplayer.swf" height="20" width="20">
      	<param name="wmode" value="transparent" />
      	<param name="movie" value="plugins/auto/Lecteur_multimedia/flash/eraplayer.swf" />
      
      	<param name="FlashVars" value="mp3=IMG/mp3/sarabande.mp3" />
      	<span><a href='IMG/mp3/sarabande.mp3' rel='enclosure'>IMG/mp3/sarabande.mp3</a></span>
      </object>
      </dd>
      </dl>

      J’ai placé cette inclusion de telle sorte que le player s’affiche entre le titre de l’article et le chapeau.

      J’ai essayé sans succès d’intervenir dans les fichiers .js et à différents autres endroits pour que la lecture du fichier .mp3 commence automatiquement. Le bouton serait là uniquement pour permettre au visiteur de l’arrêter car je trouve qu’imposer de la musique de fond n’est pas élégant.

      L’état actuel de mes essais est visible sur mon site.

      Merci pour un coup de main.

      Philippe

      Philippe

    • Bonjour,

      Effectivement excusez pour la confusion, la case autoplay est affichée uniquement pour les vidéos... Du moins sur ma version actuelle et sur la votre également. N’oublions pas que le plugin est encore en cours de développement mais il est vrai qu’il serait intéressant de rajouter certaines fonctionnalités vidéos pour les players audio.

      Pour ce qui est de votre audio donc, tentez de modifier votre player sur neoplayer, car j’ai l’impression après quelques tests qu’eraplayer ne gère pas l’autoplay. Ensuite, essayez de remplacer vos balises < object > actuelles par celles ci-dessous, directement dans votre article :

      <object id="audioplayer108" type="application/x-shockwave-flash" data="plugins/auto/Lecteur_multimedia/flash/neoplayer_maxi.swf" height="20" width="20">
              <param name="wmode" value="transparent" />
              <param name="movie" value="plugins/auto/Lecteur_multimedia/flash/neoplayer_maxi.swf" />
      <param name="FlashVars" value="IMG/mp3/sarabande.mp3&bgcolor1=ffffff&bgcolor2=cccccc&buttoncolor=999999&buttonovercolor=0&slidercolor1=cccccc&slidercolor2=999999&loadingcolor=ffff00&sliderovercolor=666666&textcolor=0&showstop=1&showinfo=0&width=200&height=20&autoplay=1">
              <span><a href='IMG/mp3/sarabande.mp3' rel='enclosure'>IMG/mp3/sarabande.mp3</a></span>
      </object>

      N’oubliez pas également d’ajouter votre fichier audio à l’article et de modifier l’id en conséquence.

      Fabien

    • Bonjour,

      Merci pour la réponse. Le code proposé ne marchait pas sur mon site j’ai finalement utilisé le suivant :

      	<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="200" height="20" id="dewplayer" align="middle">
      		<param name="allowScriptAccess" value="sameDomain" />
      		<param name="movie" value="CHEMIN ABSOLU VERS LE LECTEUR/dewplayer.swf?mp3=CHEMIN ABSOLU VERS LE FICHIER MP3/nom du fichier.mp3&amp;autostart=1&amp;nopointer=1&amp;bgcolor=d1f5d5" />
      		<param name="quality" value="high" />
      		<param name="bgcolor" value="d1f5d5" />
      		<embed src="CHEMIN ABSOLU VERS LE LECTEUR/dewplayer.swf?mp3=CHEMIN ABSOLU VERS LE FICHIER MP3/nom du fichier.mp3&amp;autostart=1&amp;nopointer=1&amp;bgcolor=FCB127" quality="high" bgcolor="d1f5d5" width="200" height="20" name="dewplayer"  align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
      		</embed>
      	</object>	

      Merci pour le support et pour ce plugin.

      Philippe

    Répondre à ce message

  • 1
    Joseph Tux

    Bonjour

    si je comprends bien, il suffirait de remplacer « doc » par « object » ?

    Par exemple :

    <objectXX|player|player=dewplayer&autoplay=1>

    Merci beaucoup pour votre aide.

    • Excusez pour la réponse tardive, je vais essayer d’être un peu plus rapide à répondre.
      En fait pour votre question : Non pas vraiment.
      La balise < doc > est juste là pour signifier à SPIP qu’il est en présence d’un document joint, par la suite, on pipe ça avec un ’player’ pour signifier que spip devra aller chercher le code du player défini dans le plugin (ici dewplayer) avec les options définies du plugin. En regardant le code créée par SPIP, je me suis rendu compte que par défaut, le mode autoplay était sur off.
      A partir de là vous avez deux solutions. Soit vous désirez que tous les mp3 qui se trouvent sur votre site se lance automatiquement (si vous n’en avez qu’un seul c’est parfait.) et vous n’avez qu’a vous diriger dans les configuration du plugin et cocher la case ’lecture automatique’ (je n’avais même pas pensé que vous pouviez peut-être en avoir besoin pour tous vos titres).

      Soit, si vous voulez l’autoplay uniquement pour un mp3 spécifique, vous créez votre player normalement pour ce que vous voulez faire, puis vous allez récupérer le code de l’interprétation SPIP, auquel vous changez la valeur de l’autoplay de 0 à 1.
      Vous n’avez plus qu’a recopier ce code brut dans l’article ensuite !

      J’espère que tout ceci est a peu près clair, mais si vous avez d’autres questions ou des demandes de précisions, n’hésitez pas.

    Répondre à ce message

  • 2
    Joseph Tux

    Bonjour,

    Quelqu’un a-t-il réussit à lancer automatiquement un fichier mp3 [1] avec le player et dewplayer ( quelle syntaxe spip ) pour que la musique démarre automatiquement ( j’ai bien trouvé dewplayer autoplay=1 ou autostart=yes ,ici [2] mais comment faire prendre en compte cette action

    Par exemple :

    <doc467|player|player=dewplayer|autostart=yes>

    ne prend pas en compte l’option « autostart »

    (Question posée ici il y a déjà quelques temps )

    Encore merci à tous.


    • Effectivement l’utilisation de la balise ne prend pas en compte le paramètre autostart, si tu désires gérer cette fonctionnalité, il faut que tu insères directement le code de vidéo avec la balise

      et l’url de ta vidéo. Pour un utilisateur lambda (un rédacteur basique du site ou autre), cette manipulation sera peut-être complexe, mais si tu veux faire ça de manière ponctuelle en tant qu’administrateur principal de ton site, c’est assez simple.

      Au final pour une vidéo ça doit fonctionner pareil (même si je n’ai pas testé), tu prend le code de la vidéo exportable (par exemple sur dailymotion) et tu rajoute &autoplay=1 dans l’url de définition de la vidéo.

      J’espère avoir été assez clair et t’avoir été utile !

      Bonne continuation

    • pardon, le code html est directement interprété apparement... Donc je te remet la première phrase :
      « Effectivement l’utilisation de la balise < doc > ne prend pas en compte le paramètre autostart, si tu désires gérer cette fonctionnalité, il faut que tu insères directement le code de vidéo avec la balise < object > et l’url de ta vidéo. »

    Répondre à ce message

  • 1

    Bonjour,

    J’ai installer le plugin lecteur multimédia avec sarka spip. SPIP 1.9.2c [10268] | Sarka-SPIP 2.0.2 [17838]

    Quand j’utilise la fonction

    <’docX|player’>

    ça fonctionne.

    Mais pour de gros fichiers qui sont installés par ftp, j’utilise la fonction :

    [ - > h t tp :/www.mon­site.net/fichier.mp3 ]

    qui elle ne fonctionne pas

    Je ne comprend pas. Y’a t-il une incompatibilité. Y’a til d’autres solutions.

    http://www.vivreencomminges.org/spip.php?article644 :
    -  dans les brèves colonne de droite le player fonctionne
    -  dans le corps le player ne fonctionne pas.

    • Dans la rédaction d’un article ou d’une rubrique.

      On peut ajouter un documents distant présent sur un autre serveur, sur le serveur du site dans le dossier tmp/upload/ ou ailleurs.

      A coté de « Télécharger depuis votre ordinateur : »
      y’a une petite flèche triangulaire noir qui déplie des menus.

      Et le fichier est considérer et numéroté comme les fichiers télécharger depuis le disque dur.
      cela permet de mettre en place des fichiers de plus que 2Mo.

      Le lecteur multimédia fonctionne ainsi correctement.

    Répondre à ce message

  • Miranda

    Bonjour,

    Je suis en train de passer à Spip 2.0 et j’ai eu un problème avec l’affichage du dewplayer via le [(#MODELEdoc_playerplayer=dewplayerid_document=#ID_DOCUMENT)] dans les squelettes.

    Ja’i trouvé la solutions dans une des conversation de la liste Spip. Celle ayant comme sujet : [Spip] spip203 et lecteur multimedia et posté le 15 février 09. voici la réponse :

    Dans le code du fichier /lecteur_multimedia/modeles/doc_player.html, dans les lignes 60 à 63, il y a parfois des ’ au lieu de « pour le même élément. J’ai tout mis avec des » et ça roule !!!

    Moi aussi je l’ai testé te ça fonctionne bien.

    ah ! la version du plugin est : Version : 0.67 [27617]

    Répondre à ce message

  • 3
    Jean Christophe

    Je viens d’effectuer quelques tests avec la version 2.0.3 de Spip.

    voir les tests ici

    3 problèmes :

    1- le lecteur Dewplayer ne fonctionne pas

    2- un flv distant ne semble pas reconnu et donne un fichier html

    3- FF3 m’indique un plugin manquant mais lequel ?

    J’ai bien vu l’article cité dans la note 2 de cet article mais il est dit que le problème est corrigé depuis la version 8830 de SPIP

    • Jean Christophe

      Problème de la source distante résolue : il ne faut pas récupérer le permalien mais l’url dans le code du lecteur exportable.

      Autre question : pourquoi pas le même lecteur video avec un fichier unique (Neolao) et avec une playliste (il sort d’où lui ? comment le changer ? ou le paramétrer ?)

    • Jean Christophe

      Les problèmes 1 et 3 vont ensemble. En fait c’est le dewplayer qui coince.

      Pourtant, le fichier dewplawer.swf est bien dans /plugins/auto/Lecteur_multimedia/flash

      Un bug ?

    • Attention, maintenant mon site et ses tests est hébergé ici

    Répondre à ce message

  • spacejame

    comment utiliser ce le plugin sous spip agora 1.4 ?

    merci de votre réponse

    Répondre à ce message

  • Bonjour

    J’ai installé le plugin multimédia pour lire des vidéos dans mes articles. Il fonctionne parfaitement en ajoutant la ligne . Cependant, j’ai deux petits soucis

    * Quand je mets en plein écran la vidéo et que je repasse en miniature la video est plus grande qu’initialement. De plus impossible de ré afficher la vidéo en plein écran derrière

    Avez vous une petite idée

    Je vous remercie par avance

    Répondre à ce message

  • havath

    Je viens d’installer Spip 2.0.7, mais je ne parviens pas a attacher un document. Mais je peux attacher une image, comment puis-je attacher des documents (doc, pdf...) sur un article ?
    Merci. havath.

    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