Intégrer un fichier audio dans un billet

07/03/2010
Voici comment ajouter un module de lecture de fichier audio dans vos billets Blogger.




Pour ajouter un fichier audio à un billet, deux éléments sont requis :
  • Le fichier audio lui-même
  • Un lecteur audio web, qui traite le fichier et propose une interface de lecture à vos visiteurs.
L'exemple ci-dessous utilise un fichier MP3 libre, le titre Plastic & Flashing Lights de Professor Kliq

Le fichier audio

D'abord, le fichier audio doit être stocké sur un serveur. Puisque Blogger ne propose pas d'héberger de fichiers, j'utilise Google Sites pour générer un mini-site de stockage et y déposer mon fichier.




Une fois le dépôt du fichier effectué, je récupère simplement l'adresse du lien de téléchargement du fichier.
Exemple : http://sites.google.com/site/jthuilli/file/professor_kliq_-_plastic_%26_flashing_lights.mp3?attredirects=0&d=1

Libre à vous de choisir un autre hébergeur, le tout est que le fichier soit accessible de l'extérieur grâce à une adresse URL.

Le lecteur audio web

Pour faire simple, nous allons utiliser le lecteur intégré dans Google Reader. Ceci nous évitera d'avoir à stocker en plus les fichiers nécessaires à l'exécution du lecteur.

En cours d'écriture d'un billet, cliquer sur Modifier le code HTML. Localiser l'endoit où vous souhaitez ajouter la lecture du fichier audio, et insérez le code ci-dessous en remplaçant évidemment URL_FICHIER_MP3 par l'adresse de votre fichier audio. :

<embed type="application/x-shockwave-flash" src="URL_FICHIER_MP3"
width="400" height="27"
allowscriptaccess="never"
quality="best"
bgcolor="#ffffff"
wmode="window"
flashvars="playerMode=embedded"></embed>
Publier le message.

Voici le résultat :


7 commentaires:

Trader a dit…

allô,
je viens d'ouvrir un compte google sites. J'essaie - sans y parvenir - à trouver la fenêtre que tu montres en début de billet, celui où on voit "Pour Blogger".
Comment ouvre-t-on une telle page?

Jimmy a dit…

Dans l'ordre :

1: tu vas sur http://sites.google.com/ connecté avec ton compte Google

2: tu cliques sur ton site

3: avec le bouton en haut à droite "Créer page", tu créés une page de type classeur. Ça sera ton répertoire de stockage.

4: positionné dans ton classeur, tu as le bouton "Ajouter un fichier" et là tu envoies tes fichiers persos

5: lorsque ton fichier est transféré, tu récupères son adresse avec un clic droit sur le lien Télécharger, en sélectionnant "Copier l'adresse du lien" (cette phrase pouvant varier selon ton navigateur".

PEACE LOVE AND BARRICADES a dit…

Bonjour,

Et merci pour ce site.

Petite question : je n'ai pas rencontré de problème pour créer le mini-site mais par contre aucun lecteur ne s'affiche dans le billet, seulement un rectangle blanc.

Je suis sous Ubuntu, cela pourrait-il être le pourquoi du comment ou n'y a t-il aucune incompatibilité ?

Merci pour votre réponse.

Jimmy a dit…

Tu n'aurais pas un souci avec Flash sur ton navigateur par hasard ?

TheFlown a dit…

J'ai le même problème et je n'ai pas de souci avec Flash.

DS SO a dit…

j'ai moi même essayé le procédé à plusieurs reprises mais ça ne marche pas

catus a dit…

je viens d'essayer, j'ai aussi un rectangle blanc

Enregistrer un commentaire

Contact

Nom

E-mail *

Message *