SPIP - Contrib

SPIP - Contrib

[ar] [en] [es] [fr] [it]

97 visiteurs en ce moment

fontsizeup fontsizedown
[96 commentaires]

Lecteur Multimédia

mercredi 28 février 2007, par BoOz

5 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

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

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.

Voir une démo

- 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

Voir une démo

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

Voir une démo

- 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

Voir une démo de modèle de playlist personalisé

Il est possible de créer sa propre adaptation de la playlist en créent ses propres modèles SPIP.

Vidéo

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 une démo

Le code source du plugin Lecteur multimedia est disponible sur spip-zone

Télécharger le plugin Lecteur_multimedia

Une fois que vous avez décompressé le fichier, renommez le repertoire "Lecteur_multimedia", puis placez le dans le répertoire /plugins à la racine du SPIP, et activez le plugin dans l’espace privé.

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

Retour en haut de la page

96 Messages de forum

Voir toute la discussion

Pages 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10

  • Répondre à ce message

    3 juillet 14:32 , par Jérôme
    Lecteur Multimédia - Afficher le #DESCRIPTIF d’un fichier d’une playlist ?

    Bonjour et bravo et merci pour ce plugin ! Je cherche désespérément à afficher dans une fenêtre séparée le descriptif d’un fichier mp3 suite à un clic du dit fichier dans la playlist. Quelqu’un aurait-il une piste ? je m’arrache les cheveux depuis 3 jours ! Merci

  • Répondre à ce message

    2 juillet 11:46 , par Skans
    Lecteur Multimédia

    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/Lec...

  • Répondre à ce message

    2 juillet 10:48
    Lecteur Multimédia - mp3

    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

    1er juillet 08:47
    Lecteur Multimédia - mp3

    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

  • Répondre à ce message

    27 juin 20:10 , par Philippe Guérindon
    Lecteur Multimédia - mp3

    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

  • Répondre à ce message

    27 juin 18:00 , par Philippe Guérindon
    Lecteur Multimédia - mp3

    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

  • Répondre à ce message

    18 juin 08:52
    Lecteur Multimédia

    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

    12 juin 16:16 , par Joseph Tux
    Lecteur Multimédia

    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.

  • Répondre à ce message

    12 juin 13:44
    Lecteur Multimédia

    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

    12 juin 11:58
    Lecteur Multimédia

    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

Pages 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10

Répondre à cet article

Retour en haut de la page

Versions

  • SPIP 2.0.0

Mots-clés

Sur le Web

Ça discute par ici

Ça Spip par là

SPIP Blog

SPIP Party

SPIP Forums

SPIP-Zone

SPIP Svn

SPIP | Squelette | | Plan du site | Suivre la vie du site RSS 2.0