Blogger
Viti-Vino - Les outils Google pour Blogger

Les trucs et astuces pour Blogger. Pour personnaliser son Blog. Un complément de l'aide en ligne.




2011/04/30

Des lecteurs simples pour jouer un fichier mp3 sur son Blog

Des lecteurs simples pour jouer un fichier mp3 sur son Blog

En utilisant un Gadget Blogger, il devient très simple de jouer un son (*.mp3) sur son Blog.

Pour placer un lecteur mp3 (son) sur son Blog, il faut généralement insérer le code d'un lecteur Flash. Une fois le code inséré, il faut rechercher un hébergeur pour le fichier Flash (*.swf) et pour les fichiers *.mp3 à jouer.

Les Gadgets Blogger présentés ci-dessous intègrent le lecteur Flash. L'hébergement des fichiers *.mp3 est possible sur Google Sites, dans une page classeur.


Les Gadgets


Dewplayer - lecteur simpledewplayer-b.xml




Dewplayer - lecteur avec contrôle du volumedewplayer-vol-b.xml



  • Lecteur Dewplayer avec lecture de plusieurs fichiers son

Dewplayer - lecteur avec lecture de plusieurs fichiers sondewplayer-multi-b.xml



  • Lecteur Google audio de Gmail

Google audio player (Gmail)google-audio-b.xml



  • Lecteur Google audio de Google Reader

Google audio player (Google Reader)google-audio-step-b.xml




Ajouter le Gadget sur son Blog

Par Présentation / Ajouter un gadget. Choisir ensuite Ajouter votre propre (Gadget). Saisir l'URL du gadget à ajouter (de la forme http://...) :

Lecteur Dewplayer

http://googledrive.com/host/0B4yfJJJSNrfubzJEUkxIYm1PcHM/dewplayer-b.xml

Lecteur Dewplayer avec contrôle du volume

http://googledrive.com/host/0B4yfJJJSNrfubzJEUkxIYm1PcHM/dewplayer-vol-b.xml

Lecteur Dewplayer avec lecture de plusieurs fichiers

http://googledrive.com/host/0B4yfJJJSNrfubzJEUkxIYm1PcHM/dewplayer-multi-b.xml

Lecteur Google audio (Gmail)

http://googledrive.com/host/0B4yfJJJSNrfubzJEUkxIYm1PcHM/google-audio-b.xml

Lecteur Google audio (Google Reader)

http://googledrive.com/host/0B4yfJJJSNrfubzJEUkxIYm1PcHM/google-audio-step-b.xml




Les paramètres des Gadgets

  • Lecteur Dewplayer


MP3 : url du fichier *.mp3 à jouer

START : démarrage automatique (Yes ou No), par défaut No
LOOP : lecture en boucle (Yes ou No), par défaut No

CCOL : #rrggbb ou transparent. La couleur du conteneur. Par défaut le conteneur est transparent


  • Lecteur Dewplayer avec contrôle du volume


MP3 : url du fichier *.mp3 à jouer

START : démarrage automatique (Yes ou No), par défaut No
LOOP : lecture en boucle (Yes ou No), par défaut No

CCOL : #rrggbb ou transparent. La couleur du conteneur. Par défaut le conteneur est transparent


  • Lecteur Dewplayer avec lecture de plusieurs fichiers


MP3S : url des fichiers *.mp3 à jouer

Séparer les fichiers par le caractère Pipe |, à coder %7C

Exemple : son1.mp3%7Cson2.mp3

START : démarrage automatique (Yes ou No), par défaut No
LOOP : lecture en boucle (Yes ou No), par défaut No

CCOL : #rrggbb ou transparent. La couleur du conteneur. Par défaut le conteneur est transparent


  • Lecteur Google audio (Gmail)


MP3 : url du fichier *.mp3 à jouer

START : démarrage automatique (Yes ou No), par défaut No

CCOL : #rrggbb ou transparent. La couleur du conteneur. Par défaut le conteneur est transparent


  • Lecteur Google audio (Google Reader)


MP3 : url du fichier *.mp3 à jouer

START : démarrage automatique (Yes ou No), par défaut No

CCOL : #rrggbb ou transparent. La couleur du conteneur. Par défaut le conteneur est transparent




Les caractéristiques des gadgets

  • Le lecteur Flash est intégré dans chaque Gadget
  • Les fichiers *.mp3 peuvent être hébergés sur Google Sites, dans une page classeur


Des exemples

Un Gadget Blogger ne peut être inséré qu'aux endroits prévus à cet effet (colonnes, en-tête ou pied du Blog). Les exemples ci-dessous sont réalisés à partir d'un Gadget Google. Celui-ci peut être inséré à l'aide d'un tag iframe dans le html du message.
















Plus d'informations

Un Gadget Google pour insérer un lecteur audio compatible HTML5

Un Gadget Google pour insérer un lecteur audio compatible HTML5 sur Google Site

Dewplayer, le site

Des Gadgets Google pour insérer le lecteur Dewplayer

Des Gadgets Google pour insérer le lecteur audio de Google

Un Gadget Blogger pour insérer une image sonore

Un Gadget Google pour insérer une image sonore

Fichiers joints et Podcasting avec Blogger

Enregistrer un commentaire


Rechercher sur le Blog de Prac avec Google CSE