Player Flash Mp3 léger

Publié le : 3 juin 2005 – Dernière modification le 21 décembre 2021 – par indie – 58 commentaires

français, français
1
2
3
4
5
36 votes
Intégrez un lecteur mp3 en flash et léger comme une plume au sein de vos articles, brèves ...

Je vous invite dès à présent, à aller consulter le site de estvideo pour comprendre ce que vous allez obtenir.

INSTALLATION

-  Téléchargez tout d’abord le fichier dewplayer.swf disponible sur estvideo ou la version disponible au bas de cette page.


Poids du fichier Flash : 2.13 Ko
Licence libre : Creative Commons Attribution-ShareAlike License France.

-  Dans votre fichier /config/mes_options.php, ajoutez le code suivant :

function flashmp3($texte) {
$texte = preg_replace("'<flashmp3=([^\]>]+)>([^\[]+)<\/flashmp3>'Ui",'<br><br><object type="application/x-shockwave-flash" data="/son/dewplayer.swf?son=/son/\\1" width="200" height="20"><param name="movie" value="/son/dewplayer.swf?son=/son/\\1"></object><span valign="middle"><br>\\2</span>',$texte);
return $texte;
}
;

function apres_propre($texte) {
$texte = flashmp3($texte);
return $texte;
}
;

-  Dans vos squelettes brèves, articles ..., ajoutez le filtre |flashmp3 comme ci dessous

<div class="texte">[(#TEXTE|flashmp3)]</div>

-  Créez également un dossier « son » à la racine de votre spip où vous placerez vos fichiers mp3 et le fichier dewplayer.swf précédemment téléchargé.

UTILISATION

Lors de la rédaction de vos articles, il suffira de placer les balises suivantes

<flashmp3=nomdefichier.mp3>Écoutez ce morceau, fruit de mes délires musicaux</flashmp3>

dans votre texte.

FICHIER A TELECHARGER

dewplayer.swf
Version prise sur estvideo, le 12.05.2005

ATTENTION
Nous faisons ici l’usage des points d’entrées spip disponibles depuis la 1.7.2. Si la fonction apres_propre existe déjà dans votre fichier mes_options, alors il faut juste ajouter la ligne $texte = flashmp3($texte); juste avant la ligne contenant un return en adaptant $texte pour qu’il ait le même nom que ce qui se trouve après le return.

Discussion

5 ans 1 an 3 mois Sans limite
par date
Filtrer

28 discussions

  • Franck M

    Petite précision pour ceux qui voudraient utiliser ce flash mp3 en local - et sans doute aussi pour ceux qui n’ont pas installé directement Spip à la racine de leur site web :
    En local, la racine /mon_dossier/mon_fichier ne correspond pas à la racine du site. Mais il suffit de supprimer, le premier slash (/ = racine) de chaque chemin de fichier dans la définition de « function flashmp3 » donné par Indie.
    ET çA MARCHE ! Foi d’un néophyte de Spip de 4 semaines d’âge !

    Ainsi : son/dewplayer.swf à la place de /son/dewplayer.swf
    ou son/\1 à la place de /son/\1
    De même IMG/mp3/\1 à la place de /IMG/mp3/\1 si on utilise le mode proposé par François.

    Répondre à ce message

  • indie

    Désolé de ne pas passer plus souvent répondre aux diverses questions, ni mettre à jour la contrib (notamment l’astuce de François pour se servir des fichiers joints).

    En attendant, n’hésitez pas à aller faire un tour sur le site de Estvideo (lien en tête de l’article).
    Il est expliqué comment :
    -  Changer la couleur de fond ;
    -  Mettre un autoplay (la lecture démarre automatiquement).

    A bon entendeur.

    Répondre à ce message

  • World vtt

    Encore une très bonne contrib, maintenant on peut même faire des articles audio ! Plus besoin de lire lol

    Vraiment bravo !

    Répondre à ce message

  • Le dewplayer est utilisé par plusieurs blogs. Pour l’installer dans un article Spip il me semble que le plus simple c’est de mettre simplement le html qui joue le swf dans le skel par ex article.html et d’entourer le tout d’une boucle mot clé. Si pas de mot clé pas de lecture du swf. Ce player n’a pas de playlist. Pour un exemple avec playlist et plein d’autres choses :
    http://blognet.free.fr

    Répondre à ce message

  • 3
    François

    J’ai légèrement modifié le code proposé pour ne plus avoir besoin de créer un dossier son à la racine du site, mais simplement utiliser le fichier IMG/mp3 que crée naturellement Spip dès qu’on télécharge un mp3 comme document joint.

    Il suffit alors de placer le fichier dewplayer.swf dans ce dossier et de télécharger nos mp3 comme document joint.

    function flashmp3($texte) {
$texte = preg_replace("'<flashmp3=([^\]>]+)>([^\[]+)<\/flashmp3>'Ui",'<br><br><object type="application/x-shockwave-flash" data="IMG/mp3/dewplayer.swf?son=/son/\\1" width="200" height="20"><param name="movie" value="IMG/mp3/dewplayer.swf?son=/son/\\1"></object><span valign="middle"><br>\\2</span>',$texte);
return $texte;
}
;

    J’ai préféré mettre aussi les fonctions dans le fichers mes_fonctions.php3 plutôt que dans ecrire/mes_options.php3 (Un choix personnel...) .

    • indie

      On en apprend tous les jours, excellent boulot françois. Je testerais ça, et probablement que je mettrais à jour l’article, car la solution d’upload de documents est bien plus simple et standard.

      Un grand merci.

    • Ivan

      Petite erreur relevée : il faut aussi changer

       ?son=/son/\1

      par

       ?son=/IMG/mp3/\1

      pour que ça marche :o)

    • François

      Un petit oubli de ma part dans la transcription. Désolé !

    Répondre à ce message

  • laurent

    Extraordinaire ! et très beau en plus...je teste prochainement la « contrib » avec la play list mais j’apprècie particulièrement la possibilité de placer le lecteur dans un article et pas sur tout le site... Auparavant je fonctionnais avec radio blog (pb de conversion en swf parfois...) là le mp3 est lu directement...Bravo ! ! !

    Répondre à ce message

  • 2

    je ne trouve pas le fichier mes_options dans le répertoire écrire ??? est-ce normal et nul part sur spip ??? KEs ce ki ce passse ??
    desvarenne@free.Fr

    • indie

      Exact, le fichier mes_options.php3 n’existe pas par défaut dans spip. Il faut donc le créer. et le code à placer ressemble donc à ça, pour un fichier tout neuf

      <?php
$type_urls='html';

function flashmp3($letexte) {
$letexte = preg_replace("'<flashmp3=([^\]>]+)>([^\[]+)<\/flashmp3>'Ui",'<br><br><object type="application/x-shockwave-flash" data="/son/dewplayer.swf?son=/son/\\1" width="200" height="20"><param name="movie" value="/son/dewplayer.swf?son=/son/\\1"></object><span valign="middle"><br>\\2</span>',$letexte);
return $letexte;
}
;

function apres_propre($texte) {
$texte = flashmp3($texte);
return $texte;
}
;

?>
    • indie

      Pardon, ne pas mettre le code suivant

      $type_urls='html';

    Répondre à ce message

  • salut, l’explication sur avant propre et après propre est pas franchement claire...

    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