DewMP3 intègre un petit lecteur de .mp3 (dewplayer.swf) dans une page WordPress.

DewMP3 est un fichier .php gérant l’intégration du player flash dewplayer.swf dans une page WordPress. DewMP3 remplace l’adresse URL d’un fichier .mp3 codée entre crochets [comme_ceci.mp3] par le dewplayer.swf

Exemple :
Dans le champ réservé à l’écriture d’un article, le code suivant [http://www.multimedialab.be/blog/audio/les_paralleles.mp3] (crochets compris) donne ceci :

[http://www.multimedialab.be/blog/audio/les_paralleles.mp3]

La mention « Lien direct : audio/les_paralleles.mp3 » sous le lecteur est un ajout personnel : une incrustation automatique de l’URI du .mp3 sous forme de lien cliquable « target=blank », c’est à dire qu’il s’ouvre dans une nouvelle fenêtre. Cette mention est évidemment amovible.

Avant de vous expliquer comment personnaliser l’apparence du lecteur, commençons par le commencement : comment installer DewMP3 ?

Etape 01 : télécharger et installer les éléments.

Télécharger le dewplayer.swf.
Télécharger le DewMP3.
Une fois dézippés, uploader ces deux fichiers dans le dossier wp-content/plugins de votre WordPress avec, par exemple, CyberDuck (MacOSX) ou FileZilla (Windows).
À l’aide de votre navigateur Firefox, se rendre dans la page Administration > Plugins de votre WordPress pour activer DewMP3 (il devrait aparaître dans la liste des plugins).

Etape 02 : intégrer l’URI du fichier .mp3.

Une fois activé, toute occurence de type [mon_fichier.mp3], soit l’adresse URI du .mp3 entre crochets (insensible à la casse), sera remplacée par le player Flash de Dew.

Pour rappel :
raccourci MacOSX pour les crochets :
alt+maj+( = [
alt+maj+) = ]

Etape 03 : configuration du DewMP3.

Ouvrez le fichier dewmp3.php avec, par exemple Smultron (MacOSX) ou Programmer’s Notepad (Windows), et rendez-vous à la ligne 66 :

Les constantes définies :

DEWMP3_PLAYER : le chemin vers le player Flash.
Il s’agit ici du chemin RELATIF : wp-content/plugins/dewplayer.swf.
En cas de doute, essayez le chemin ABSOLU, quelque chose comme :
http://www.votre_hebergeur.org/blog/wp-content/plugins/dewplayer.swf

DEWMP3_WIDTH :
la largeur du Player.

DEWMP3_HEIGHT :
la hauteur du Player.

DEWMP3_BACKGROUND :
la couleur de fond.

DEWMP3_REGEXP :
l’expression régulière qui repère le [fichier.mp3].

DEWMP3_TARGET :
le code HTML généré : , un span (de classe « mp3 » si on souhaite changer la mise en page dans la feuille de style), contenant le lien s’ouvrant dans une nouvelle fenêtre ###NAME### et le player Flash entre les balises object.

Pour changer la mention « Lien direct : audio/les_paralleles.mp3 » sous le lecteur, rendez-vous à la ligne 71 :

Le code SANS mention ni lien :

J’ai retiré :

###NAME###

Le code AVEC mention « Lien direct » :

J’ai ajouté :

Liens direct :



###URL###

à la fin, entre les balises et .

Voilà !

Rappel des liens :

Dewplayer.

http://www.caboulot.org/dewmp3.html

Cet article est mis à votre disposition sous un contrat Creative Commons.

Il a été publié le dimanche 3 juin 2007  à 14:13  et est classé dans Code, Son, WordPress. Vous pouvez en suivre les commentaires par le biais du flux RSS 2.0. Vous pouvez laisser un commentaire, ou faire un trackback depuis votre propre site.