Des gadgets pour son blog (1)

Publié le 21 décembre 2008 par Philippe Chappuis @prac53
Quelques gadgets
Un Gadget Google est une page xml dont le code exécutable est hébergé par Google. Ce code reçoit les paramètres du gadget définis par l'utilisateur.
Blogger permet d'ajouter très simplement un gadget dans les éléments de la page (Paramètres / Mise en page / Eléments de la page / Ajouter un gadget).
Blogger propose une vingtaine de gadgets (liste de blog, diaporama, archives, conteneur pour javascript, etc...). Il est possible d'ajouter son propre gadget en utilisant le lien Ajouter votre propre (...gadget). Il suffit d'indiquer l'adresse URL du gadget.

Pour ajouter un gadget dans le corps du message, il faut insérer un tag iframe dans le code HTML du message. Le Blog d'aide pour Blogger donne toutes les indications nécessaires pour définir la source du iframe à partir de l'adresse du gadget.
Fichiers audio - Lecteur MP3


Le lecteur flash Dewplayer, un lecteur MP3 pour le Web :


http://philippe.chappuis.googlepages.com/flash_dewplayer.xml


MP3 Google Reader : un lecteur MP3 de Google (Flash), disponible à cette adresse :
http://www.google.com/reader/ui/3247397568-audio-player.swf
Pour l'utiliser sur son blog, un simple lecteur Flash suffit. Comme paramètre du gadget, donner l'adresse du lecteur suivie de l'adresse du fichier MP3. Ajouter autoPlay=true pour démarrer la lecture automatiquement :
http://www.google.com/reader/ui/3247397568-audio-player.swf?URL_of_MP3&autoPlay=true

http://philippe.chappuis.googlepages.com/flash_container.xml



ODEO : Un lecteur Flash.
Le gadget offre le choix entre 2 présentations (skin). Indiquer l'URL du fichier MP3 comme paramètre :


http://philippe.chappuis.googlepages.com/odeo-flash-player.xml


La video
En utilisant un lecteur flash, on peut incorporer une video sans utiliser les balises <object> et <embed>.
Un exemple avec Reuters, qui donne comme code :
<object type="application/x-shockwave-flash" data="http://static.reuters.com/resources/flash/include_video.swf?edition=US&videoId=94837" width="422" height="346"><param name="wmode" value="transparent" /><param name="movie" value="http://www.reuters.com/resources/flash/include_video.swf?edition=US&videoId=94837" /><embed src="http://www.reuters.com/resources/flash/include_video.swf?edition=US&videoId=94837" type="application/x-shockwave-flash" wmode="transparent" width="422" height="346"></embed></object>
L'attribut data , utilisé comme paramètre File du gadget suffit pour visionner la video :




http://philippe.chappuis.googlepages.com/flash_video.xml


Une video en format *.flv.
Le lecteur Flash Dewtube permet de lire une video flash :


http://philippe.chappuis.googlepages.com/flash_slideshow.xml


Le même gadget peut être utilisé pour intégrer une Playlist de YouTube :
YouTube donne un code à insérer :
<object width='425' height='366'>
<param name='movie'
value='http://www.youtube.com/cp/nnnn...nnn='></param>
<param name='wmode' value='transparent'></params>
<embed src='http://www.youtube.com/cp/vnnnn...nnnn='
type='application/x-shockwave-flash' wmode='transparent' width='425' height='366'>
</embed>
</object>
L'attribut src donne la valeur du paramètre File du gadget.


http://philippe.chappuis.googlepages.com/flash_slideshow.xml


Retrouvez d'autres Gadgets sur Viti-Vino...
Plus d'informations
Les gadgets sur Google Sites
Créer son propre gadget
Placer des gadgets dans les éléments de la page
Insérer un gadget dans le corps du message


   Les Liens du Vin