Magazine Blog

Fichiers joints et Podcasting avec Blogger

Publié le 17 janvier 2010 par Philippe Chappuis @prac53
Fichers joints et Podcasting avec Blogger
Le podcasting est un moyen de diffusion de fichiers (audio, vidéo ou autres) sur Internet appelés podcasts. En s'abonnant aux flux RSS ou Atom, le podcasting permet à l'internaute l'écoute ou le téléchargement automatique des documents joints. Blogger permet le podcasting de n'importe quel fichier, à la condition que celui-ci soit hébergé sur Internet.
Activer le Podcasting
Sur Blogger, il faut Afficher les Champs Liens, par Paramètres / Général : 
Afficher les Champs Liens
Lors de la saisie du message, il faut cliquer sur Afficher les liens vers les pièces jointes pour définir les pièces jointes au message : 
Afficher les liens vers les pièces jointes
La fenêtre des pièces jointes comprend l'URL du document et le type MIME. Blogger détecte automatiquement le type MIME des fichiers audio et video.
Le flux RSS
Blogger génère un Flux RSS pour le Blog à l'adresse suivante : 
http://NOMDUBLOG.blogspot.com/feeds/posts/default?alt=rss
Pour respecter la norme RSS, le flux RSS ne comprend que le premier fichier incorporé : 
Flux RSS avec fichier incorporé
Par contre, le flux comprend bien l'ensemble des fichiers joints, incorporés par la balise <enclosure>. Ainsi cet article crée les balises suivantes : 
<enclosure
type="audio/mpeg"
url="http://sites.google.com/site/annuairevin/files/bach_243_gloria_patri.mp3"
length="0" />
<enclosure
type="application/pdf"
url="http://www.liens-du-vin.ch/_files/Plaquette_07_2008_F.pdf"
length="0" />
<enclosure
type="image/tiff"
url="http://www.liens-du-vin.ch/_files/terravin.tif"
length="0" />
<enclosure
type="application/mspowerpoint"
url="http://www.liens-du-vin.ch/_files/vins-du-valais-chine.ppt"
length="0" />
Si le Flux est lu par Google Reader, l'ensemble des fichiers joints figure. Et, cerise sur le gâteau, le Reader permet l'écoute directe des fichiers mp3, grâce à son lecteur incorporé : 
Google Reader - Flux avec fichiers joints
Fichiers joints dans le message
Après avoir inséré des fichiers joints, on constate que ceux-ci ne figurent pas dans le message. Blogger ne traite pas dans les variables du Blog, les balises enclosure. Si cette balise n'est pas documentée, il est néanmoins possible de l'utiliser dans le HTML du Blog :
data:post.enclosures : Toutes les balises enclosure du message
data:enclosure.mimeType : Le type MIME du fichier joint
data:enclosure.url : l'URL du fichier joint
Afficher une pièce jointe
Prenons l'exemple d'un fichier *.mp3 (audio) à afficher apres le message. Dans le HTML du Blog (Paramètres / Mise en Page / Modifier HTML - Cocher développer des modèles de Gadget), le message est indiqué par : 
...
<div class='post-body entry-content'>
<data:post.body/>
...
Plaçons le code suivant après <data:post.body/>
<!-- DEBUT ENCLOSURE -->
<br/><i><b>Fichier(s) joint(s) : </b></i>
<b:loop values='data:post.enclosures' var='enclosure'>
<b:if cond='data:enclosure.mimeType == &quot;audio/mpeg&quot;'>
<a expr:href='data:enclosure.url' expr:title='&quot;Ecouter le son &quot; + data:enclosure.url' rel='enclosure' target='_blank'> Ecouter le son <img src='http://URL/icone-musique.gif' style='display:inline; border: 0 none;'/></a>
</b:if>
<!-- AUTRE TYPE MIME -->
</b:loop>
<!-- FIN ENCLOSURE -->

Visualiser les fichiers joints
Nous allons utiliser le lecteur de documents de Google Documents.
Celui-ci permet de visualiser les fichiers *.pdf, *.ppt et *.tif.
Les types Mime sont respectivement application/pdf, image/tiff et application/mspowerpoint.
Le lecteur de document est appelé avec l'URL suivante : 
http://docs.google.com/viewer?url=URL du fichier
Le code à ajouter à la place du commentaire (<!-- AUTRE TYPE MIME -->) ci-dessus est le suivant : 
<b:if cond='data:enclosure.mimeType == &quot;application/pdf&quot;'>
<a expr:href='data:enclosure.url' expr:title='&quot;Fichier PDF &quot; + data:enclosure.url' rel='enclosure' target='_blank'> Fichier PDF <img src='http://URL/icone-pdf.png' style='display:inline; border: 0 none;'/></a>
</b:if>
<b:if cond='data:enclosure.mimeType == &quot;image/tiff&quot;'>
<a expr:href='"http://docs.google.com/viewer?url=" + data:enclosure.url' expr:title='&quot;Voir l&amp;#39;image tif &quot; + data:enclosure.url' rel='enclosure' target='_blank'> Voir l'image tif <img src='http://URL/icone-document.png' style='display:inline; border: 0 none;'/></a>
</b:if>
<b:if cond='data:enclosure.mimeType == &quot;application/mspowerpoint&quot;'>
<a expr:href='"http://docs.google.com/viewer?url=" + data:enclosure.url' expr:title='&quot;Voir présentation &quot; + data:enclosure.url' rel='enclosure' target='_blank'> Voir Présentation Power-Point <img src='http://URL/icone-document.png' style='display:inline; border: 0 none;'/></a>
</b:if>
Note : Attention à la syntaxe pour le titre du lien, afin de saisir un apostrophe : 
Voir l'image tif devient Voir l&amp;#39;image tif
Conclusion
Blogger se transforme facilement en outil de Podcasting. Il est possible d'ajouter des fichiers joints, comme des documents PDF ou des Présentations Power-Point et de les afficher avec le lecteur de documents de Google Documents.
Plus d'informations
Jouer un fichier *.mp3 sur son Blog
Des lecteurs multi-média pour son Site ou son Blog (anglais)
Des Gadgets pour son Blog
Le lecteur de documents de Google Documents


 Fichiers joints et Podcasting avec Blogger  Les Liens du Vin  Fichiers joints et Podcasting avec Blogger


Vous pourriez être intéressé par :

Retour à La Une de Logo Paperblog

Ces articles peuvent vous intéresser :

  • Lire la suite... (enfin dans Blogger)

    Lire suite... (enfin dans Blogger)

    Depuis le 9 septembre, Blogger permet de couper un article pour que n'apparaisse sur la page d'accueil que le début du message, avec un lien "Lire la suite". Lire la suite

    Par  Myrtilled
    BLOG, INTERNET
  • Blogger Play sur son Blog

    Blogger Play Blog

    Lancé fin 2007, Blogger Play permet d'afficher un diaporama des nouvelles photos ajoutées sur Blogger, et ce, en temps réel.Un Gadget Google permet d'afficher c... Lire la suite

    Par  Philippe Chappuis
    BLOG, INTERNET
  • FineFS, système de fichiers redondé

    J'ai lancé depuis quelques temps un projet dans mon entreprise, que nous venons de publier sous licence libre. Il s'agit d'un système de fichiers répliqué du no... Lire la suite

    Par  Abouchard
    HIGH TECH, INTERNET
  • Google revoit son Système de Fichiers

    On parle vraiment de tout et n’importe quoi à propos de Google au fil des jours mais très rarement de son système de fichiers, la base même de tout ce que nous... Lire la suite

    Par  Actualitesreferencement
    EMARKETING, INTERNET
  • Lister les fichiers de répertoires

    Lister fichiers répertoires

    Après une longue interruption en raison d’un projet qui m’a totalement accaparé, et avant la reprise à la fin du mois, voici un billet de vacances pour présente... Lire la suite

    Par  Activeille
    INTERNET
  • Mirror Fox partage de fichiers en miroir

    Mirror partage fichiers miroir

    Une information qui peut être d'une grande utilité pour certain fans du partage de fichiers.Le site Mirror Fox est d'un grand intérêt pour ceux qui veulent... Lire la suite

    Par  Muchosurlenet
    INTERNET
  • Bilbo Blogger : un client de blogging opens source

    Bilbo Blogger client blogging opens source

    Bilbo Blogueur est un client de Blogging open source, axé sur la simplicité et convivialité. Fonctionnalités Edition en mode HTML ou Wysiwyg Prévisualisation... Lire la suite

    Par  Dictege
    HIGH TECH, INFORMATIQUE, INTERNET

A propos de l’auteur


Philippe Chappuis 96 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte

Dossiers Paperblog

Magazines