Universmedias – Journalisme et formations multimedias

La boîte à outils multimédias

Accueil » AUDIO

AUDIO

Intégrer du son dans un billet du blog

De nombreux plugins ont été développés autour de Wordpress, dont audioplayer que j’utilise sur ce blog. il permet – de manière simple – d’intégrer un fichier mp3 dans un article. C’est cette méthode que nous utiliserons.

Néanmoins, il existe d’autres possibilités pour insérer différents types de lecteurs mp3; je les détaille à la suite de cet article.

Avec Audioplayer

Il suffit de se rendre dans l’administration du site. Créez un billet dans « écrire un article ». Rédigez votre note et positionnez le curseur à l’endroit où vous souhaitez insérer le son.

Il est entendu que vous disposez déjà d’un fichier mp3 sur le bureau de votre ordinateur. Vous allez le télécharger en cliquant comme indiqué sur l’image :

Suivez ensuite les instructions dans la fenêtre qui va s’ouvrir. Téléchargez le mp3, puis renseignez le champ « légende »; enfin :

1 : cliquez sur audioplayer

2 : insérez dans l’article.

C’EST FAIT !! A vous de jouer.

*************************************************

D’autres solutions pour intégrer du son dans vos pages web.

En sachant que Wordpress a horreur des balises <object> décrites dans les codes ci-dessous. Néanmoins, ces codes fonctionnent sur d’autres blogs ou CMS.

==========================================================

POUR UNE BONNE UTILISATION DES CODES SOURCES :

Télécharger Podcastscodesources.pdf (69.2K)

==========================================================

Player Quicktime

Dans l’administration de votre site, il suffit de créer une note,
puis de se rendra dans le code source (HTML), pour y intégrer les codes
suivants.

<object codebase="http://www.apple.com/qtactivex/qtplugin.cab" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" height="16" width="160">
<param value="http://philorev.free.fr/SONS/actupigeon.mp3" name="SRC">
<param value="false" name="AUTOPLAY">
<param value="false" name="LOOP">
<param value="true" name="CONTROLLER">
<embed src="http://philorev.free.fr/SONS/actupigeon.mp3" height="16" width="160"
autoplay="false" controller="true" pluginspace="http://quicktime.apple.com/">
</object>

Cela donne le lecteur ci-dessous.

C’est une
solution assez lourde, et ça ralentit le chargement de la page.
Un problème c’est que ça charge automatiquement le mp3. Un autre c’est
qu’il faut avoir le plugin QuickTime.

Bon, mais le player QuickTime pour jouer du mp3,
c’est pas la seule solution. On pourrait aussi utiliser Windows Media
ou Real Player, mais ceux-là ne sont pas non plus très portables (trop lourds),
et doivent être installés. Il y a des petits players Flash assez
pratiques, légers, et qui fonctionnent sur tous les systèmes ayant
Flash. Quelques exemples :

Dewplayer
peut-être la meilleure solution du moment.

Il suffit de télécharger le player, de le mettre sur le serveur,
et d’insérer la ligne suivante (facilement générée à l’adresse
ci-dessus):

Version valide XHTML

(en rouge: l’adresse url du dewplayer installé sur votre serveur / en vert: l’adresse url du fichier mp3 installé sur votre serveur… ou ailleurs)

Résultat :

Version passe-partout

Résultat

Playtagger de del.icio.us:
Une solution très simple.

Il suffit d’insérer la ligne suivante:

<script type="text/javascript" src="http://del.icio.us/js/playtagger"></script>

quelque part dans la page web, et tous les liens sur des mp3 seront automatiquement précédés
(après chargement complet de la page) d’un bouton permettant de les écouter.

Ainsi, le lien vers mp3 suivant:

<a href="http://philorev.free.fr/SONS/actupigeon.mp3">Un podcast téléchargé sur Arteradio</a>

S’affichera comme ceci (précédé d’un petit bouton « Play »):

Podcast téléchargé sur Arteradio

Un avantage de cette méthode, c’est que le visiteur peut facilement télécharger le fichier,
puisque le lien reste visible.

Un désavantage, c’est qu’il faut attendre que la page entière soit chargée avant de voir apparaître le bouton.
(Ainsi, l’objet QuickTime ci-dessus fait que la page n’est chargée que lorsque le mp3 a été chargé en entier…).

Le « Browser Button » de la page de playtagger
rend une page pleine de liens sur mp3 comme Famous Sounds
très agréable à écouter.

4. Flash MP3 Player par Jeroen Wijering, utilisé par Robot Wisdom (standalone)

5. Wimpy MP3 player, Radio.blog.player, …