Plusieurs possibilités, en voici deux simples. Il faut d’abord charger votre mp3 sur votre site. Chargez votre fichier mp3 dans un répertoire par FTP ou via la bibliothèque des Médias. Ou indiquez l’adresse URL où se situe ce mp3. Une fois chargé, copiez l’URL de son emplacement. Ensuite vous pouvez utiliser un player :

1) Dewplayer

Ce player créé par Alasacréations est le plus léger, le plus populaire et le plus joli de tous. Pour l’utiliser, soit vous installez le plugin Dewplayer, soit vous chargez les fichiers par FTP. Avec le plugin Dewplayer, il vous suffira de copier-coller l’adresse générée (URL) dans le shortcode ci-dessous:

1
[Dewplayer URL]

Exemple:

1
[Dewplayer http://wpcom.files.wordpress.com/2007/01/mattmullenweg-interview.mp3]

Pour plusieurs morceaux, vous devez d’abord régler le plugin. Allez dans l’onglet Dewplayer sous Réglages. Choisissez Multi. Ensuite indiquez

1
[Dewplayer morceau1.mp3|morceau2.mp3|morceau3.mp3]

Vous pouvez éviter le plugin en chargeant directement le player par FTP. Plus d’info sur la page officielle de Dewplayer. Player avec plusieurs morceaux : Dans ce cas vous devez charger le ou les players dans le répertoire où seront vos mp3. Faites attention de bien indiquer les URL du player et des mp3. Ensuite vous collez le code généré sur la page Alasacréations dans la partie HTML de votre article. C’est plus long mais cela vous permet de charger vos mp3 dans un répertoire séparé. Exemple:

2) Fichier audio avec Jetpack

Aujourd’hui, la société qui gère WordPress, Automattic, nous permet d’associer les services de la plateforme WordPress.com avec nos installations WordPress hébergées. C’est JetPack. Parmi les fonctionnalités intéressantes pour les utilisateurs lambdas, nous pouvons ajouter un fichier audio par un simple shortcode. Notez que vous obtiendrez le même résultat avec le plugin Audio. Je n’ai pas installé ce plugin sur ce blog mais l’ai testé sur mon site de développements.

Player obtenu avec un des plugins suivants : JetPack ou Audio

Lire plus d’info à propos de Jetpack sur WordPress francophone. Plus d’info sur la fonction audio dans le support de wordpress.com ici.   Pour utiliser ce player, installez le plugin JetPack. Puis insérez dans la partie html de votre article le shortcode sous la forme suivante :

C’est tout! exemple d’insertion:

Insertion pour plusieurs mp3:

Réglages optionnels du player audio :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
* animation=no (player is always open)
 
* remaining=yes (show remaining time instead of elapsed time)
 
* loop=yes (loop playback)
 
* initialvolume=80 (0100, 60 is default)
Modifier l'aspect :
 
* bg=0xF8F8F8
 
* leftbg=0xEEEEEE
 
* lefticon=0×666666
 
* rightbg=0xCCCCCC
 
* rightbghover=0×999999
 
* righticon=0×666666
 
* righticonhover=0xFFFFFF
 
* text=0×666666
 
* slider=0×666666
 
* track=0xFFFFFF
 
* border=0×666666
 
* loader=0x9FFFB8
 
* bgcolor=0xFFFFFF
* animation=no (player is always open)

* remaining=yes (show remaining time instead of elapsed time)

* loop=yes (loop playback)

* initialvolume=80 (0 – 100, 60 is default)
Modifier l'aspect :

* bg=0xF8F8F8

* leftbg=0xEEEEEE

* lefticon=0×666666

* rightbg=0xCCCCCC

* rightbghover=0×999999

* righticon=0×666666

* righticonhover=0xFFFFFF

* text=0×666666

* slider=0×666666

* track=0xFFFFFF

* border=0×666666

* loader=0x9FFFB8

* bgcolor=0xFFFFFF

exemple:

Pour rappel, vous pouvez ajouter un plugin via le tableau de bord à l’onglet Extensions (Plugins en anglais). Il suffit de taper le nom de l’extension recherchée puis de cliquer sur installer, puis activer.

Plus complexe, un player en liste

A titre d’info, voici une variante que vous n’aurez pas avec le plugin mais en installant vous-même les fichiers par FTP, un mode player qui affiche tous les morceaux. Il vous faut charger le player dewplayer-playlist.swf et créer vous-même un fichier xml avec l’adresse des morceaux. Si vous êtes perdu pour l’installation de ce genre de player, lisez la doc chez Alsacréations et contenue dans le Zip du player.

Publicités