Accueil > Informatique > Mes adaptations pour SPIP > Plugin Audio-Player Flash MP3

Plugin Audio-Player Flash MP3

vendredi 18 octobre 2013

A noter : depuis SPIP 3.1, ce plugin n’est plus utile car SPIP gère en standard les fichiers audio MP3 et vidéo MP4 via le plugin javascript MediaElement.

Mon plugin n’est donc plus activé sur le site. Voici un exemple avec MediaElement :

Exemple de MP3
Un petit air de guitare...

Et voici une nouvelle adaptation pour SPIP : un lecteur MP3 en flash très léger et complètement intégré à SPIP sous forme de plugin.

Octobre 2013 : nouvelle version pour SPIP 3

En gros, ce plugin permet à l’internaute d’écouter des morceaux au format MP3 mis à disposition sur le site par le Webmaster. Par contre, il ne permet pas à l’internaute de les télécharger. Par rapport à SPIP, tout document MP3 inséré dans un article est remplacé par un joli petit lecteur en Flash (très léger).

En fait, comme j’ai une rubrique Musique sur mon site, et que je vais commencer bientôt à l’alimenter, je me suis mis à la recherche d’un plugin permettant l’écoute de MP3 avec un petit lecteur Web.

J’en ai trouvé un rapidement sur le site de SPIP-Contrib, il s’agit du DewPlayer 2 réalisé par François Vachon. Le principe est bon : c’est un plugin dans SPIP, donc il ne pollue pas le reste du site, on l’active ou on le désactive, et surtout, il permet d’intégrer son fonctionnement à l’intérieur des articles sous forme de documents joints. Ceci garantit une maintenance facile du site. Il suffit d’intégrer des documents MP3 aux articles pour qu’ils soient pris en charge par le lecteur. Ce qui me chagrinait un peu, c’est que le lecteur ne me plaisait pas vraiment, et puis, il y a à droite du player un " ?" qui est un lien vers le site de Dew’s Blog qui est à l’origine du player en flash. Je sais bien qu’il faut rendre à César... mais ça me chiffonnait quand même un peu. Pour usage sur un site perso, ça peut passer, mais sur un site plus pro, ça ne le ferait plus du tout.

J’ai donc continué mes recherches et je suis tombé sur un autre player en flash sur le site de Martin Laine. Ce n’était pas du tout un plugin pour SPIP, mais pour Wordpress. Le player Flash me plaisait davantage et Martin Laine a eu la gentillesse de ne pas y intégrer de lien publicitaire.

L’idée m’est donc venue de reprendre le principe du plugin SPIP de DewPlayer 2, mais avec le player Flash de Martin Laine à la place. Pour l’adaptation en plugin SPIP, je me suis également servi du tutoriel de Mindy McAdams cité sur le site de Martin Laine pour un usage sur des sites non Wordpress.

Voilà, avec toutes ces informations, j’ai pu réaliser mon propre plugin. Merci donc à toutes ces personnes ou sites pour leur contribution. A mon tour, je partage mon expérience et mets à disposition mon plugin pour tous ceux qui pourraient y trouver un intérêt.

Le voici (à installer dans le répertoire plugin de SPIP et à activer dans l’administration), choisissez le fichier qui correspond à votre version de SPIP :

Plugin Audio-Player Flash MP3
Version 3.0.0
SPIP 3
Plugin Audio-Player Flash MP3
Version 1.0
SPIP 2.0/2.1

Voici quelques détails sur les adaptations :

- Copie du répertoire Dewplayer2 complet
- Remplacement du player flash Dewplayer.swf par le player.swf de Martin Laine
- "Renommage" du fichier Dewplayer.php en Audioplayer.php (en référence au plugin de Martin Laine)
- Modification des fichiers Audioplayer.php (à l’aide du tutoriel de Mindy McAdams : merci à lui pour ces précieux détails) et doc.html (dans le répertoire modeles)

Versions :

3.0.0 du 18/10/2013 : version entièrement remodelée pour SPIP 3 et moins invasive, car elle ne surcharge pas le modèle doc standard (fichier doc.html), contrairement à l’ancienne version.

1.0 du 10/01/2008 : 1ère version de ce plugin

Messages

  • Bonjour Jean-Yves,
    Je voudrais d’abord vous remercier pour vos travaux. Depuis des mois, je me suis lancé dans la conception d’un site perso. Grâce à vos publications, je fais mon chemin à petit pas. Tout ça pour vous dire que je suis novice et que j’apprécie vos directives.
    J’ai essayé votre plugin Audio-player Flash Mp3 qui m’a beaucoup interessé. Mais je n’ai pas réussi à avoir le lecteur de taille réduite et simple comme on le constate dans votre exemple. Je me demande s’il n’y a pas des réglages que je dois faire, ou que la version de mon spip (2.1.8) n’est pas compatible. En affichage, j’ai après le texte de l’article : Documents joints, suivi du titre de morceau enregistré. un clic dessus m’affiche le menu de téléchargement habituel qu’on a sur internet (ouvrir/ enregistrer un fichier). Je pense bien qu’il me manque des choses. me faut-il d’autre plugin pour avoir votre génial et joli lecteur ? Merci pour votre aide.
    Je précise que je travaille pour le moment en local avec easyphp5.3.3.1 et spip 1.2.8.

    • Bonjour,

      Le plugin Audioplayer fonctionne avec SPIP 2.1.8 sans problème, c’est la même version qui fonctionne sur mon site (qui est en 2.1.8). Pour utiliser le plugin, il faut :

      - activer le plugin dans l’administration de SPIP
      - ouvrir son article à modifier
      - télécharger les fichiers MP3
      - mettre dans le corps de l’article les balises <docXXXX|center> (XXXX étant le n° spip du document) pour avoir le lecteur centré par exemple. On le fait autant de fois qu’il y a de fichiers MP3 à intégrer à l’article

      C’est tout ! Si ça ne fonctionne pas, pensez d’abord à vider le cache de SPIP. Ensuite, il peut aussi y avoir des interférences avec d’autres plugins, Pour les identifier, désactivez le maximum de plugins et regardez si Audioplayer fonctionne.

      Le plugin utilise un modèle doc.html spécifique pour faire prendre en compte par le lecteur flash les documents MP3. Pour les autres documents, il utilise le focntionnement standard de SPIP. Je viens de m’apercevoir que la version du fichier doc.html utilisée dans le plugin n’est pas standard par rapport à SPIP 2.1.8. Je vais sans doute faire une petite mise à jour, mais en tout cas, ça ne l’empêche pas d’être compatible.

    • Merveilleux. Merci beaucoup pour l’aide et la rapidité de la réponse. ça me donne de l’énergie à poursuivre car je me sens dans une communauté.
      Je viens de reprendre tout mon site, car spip n’arrive pas à afficher les articles suite à de mauvaises manipulations de ma part.
      Tout marche bien. Mon défaut pour le plugin Audio-player était au niveau de la balise que je devais mettre ds le corps de l’article. MERCI
      AUTRE PREOCCUPATION (Mes excuses si ce n’est pas ici qu’elle devait être)
      J’ai voulu entre temps utilisé le plugin "multiviewerV1.0.3" (dispo sur le site de spip-contrib) pour réaliser des albums . mais je n’y arrive pas. je ne suis pas sûr d’avoir compris la technique.
      Mais j’ai découvert sur votre site, 3 différents albums avec le lecteur flash "simple viewer", "auto viewer" et "postcard". Je me demande si ce n’est pas avec votre plugin personnalisé thickbox2-jyg1.0.1 que vous l’avez réalisé et qu’il faut insérer différentes balises dans l’article pour avoir les différents effets. Mon souhait est de présenter quelques vues d’ateliers de réflexions suivi d’ extrait sonore de quelques enregistrements . Les images des articles peuvent avoir différentes présentations .

      Merci beaucoup. MERCI et MERCI

    • Bon, ce n’est pas trop l’endroit pour parler des plugins type viewers, mais je réponds à votre question :

      Non, le plugin Multiviewer n’a rien à voir avec le plugin Thickbox. Pour ma part, j’en ai fait une version personnalisée, mais très peu, juste des modifications de couleurs, etc... Vous pouvez utiliser la version standard sans problème et lire la petite documentation qui est jointe.
      Si ça peut vous aider, je vous donne un exemple de syntaxe à insérer dans un article pour l’utilisation d’un viewer (ici, c’est Simpleviewer) :

      <MULTIVIEWER14|NOUVEAU|nom=galerieexemple>
      <MULTIVIEWER14|PARAM|nom=galerieexemple|typegalerie=simpleviewer>
      <MULTIVIEWER14|PARAM|nom=galerieexemple|largeur=100%>
      <MULTIVIEWER14|PARAM|nom=galerieexemple|hauteur=600>
      <MULTIVIEWER14|PARAM|nom=galerieexemple|navPosition=bottom>
      <MULTIVIEWER14|AJOUTERDOC|nom=galerieexemple|doc=435>
      <MULTIVIEWER14|AJOUTERDOC|nom=galerieexemple|doc=436>
      <MULTIVIEWER14|AJOUTERDOC|nom=galerieexemple|doc=437>
      <MULTIVIEWER14|AJOUTERDOC|nom=galerieexemple|doc=438>
      <MULTIVIEWER14|VOIR|nom=galerieexemple>

      Ce qui est important à respecter :

      - Le n° qui suit le mot MULTIVIEWER est le n° SPIP de l’article dans lequel on insère le viewer, ici l’article n°14 (très important)
      - Choisir le viewer et l’indiquer dans la ligne PARAM pour la valeur de "typegalerie" : simpleviewer, autoviewer, postcard ou tiltviewer
      - Toujours donner un nom unique sans espaces (important !!!) à la galerie (ici : galerieexemple), de telle sorte qu’on puisse par exemple mettre plusieurs galeries dans un même article. Même dans plusieurs articles, il ne faut pas que 2 galeries aient le même nom. Le plugin génère un fichier XML avec le nom de la galerie et il faut donc qu’il soit unique sur le site (même dans différents articles).
      - Mettre autant de lignes "AJOUTERDOC" qu’il y a de photos à mettre dans la galerie et indiquer les n° SPIP des images dans la partie "doc=xxxx" comme dans l’exemple.

      Pour ce qui est des autres paramètres agissant sur les différents viewers, je vous laisse chercher un peu sur le net...

    Répondre à ce message

  • bonjour et merci pour tout ce que vous mettez à notre portée
    je voudrais mettre sur ma page d’accueil, donc dans mon fichier sommaire.html
    ce lecteur pour lire un mp3,
    quelle ligne ou boucle dois-je ajouter
    merci cdt

    • Bonjour,
      Désolé, mais je ne peux pas répondre aux questions relatives à la personnalisation, en général, qu’on peut ou souhaite apporter aux squelettes pour SPIP. Souvent, d’ailleurs, on peut s’y prendre de différentes manières. Je ne peux pas donner ici des cours sur les squelettes, les boucles, les filtres de SPIP, etc..., de nombreux sites sont là pour ça.
      Merci de votre compréhension
      Jean-Yves

    Répondre à ce message

Un message, un commentaire ?

modération a priori

Ce forum est modéré a priori : votre contribution n’apparaîtra qu’après avoir été validée par un administrateur du site.

Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.