Créer un podcast avec les outils Google – Partie 2

La première partie de l’article est

 

Il y a quelques semaines j’avais été sollicité par l’ami épicure audio  pour lui inventer une plateforme de podcastavec les outils google

La premiére partie de l’article avait consisté

à créer un hébergement pour les fichier audio avec google drive,

à Créer un blog pour diffuser le podcast et créer les flux RSS du podcast

à rendre celà compatible avec ITune grâce à Feedburner

 

Histoire de compléter tout cela, je fais une partie 2 pour ajouter une fonctionnalité :

Ajouter automatiquement un lecteur audio a chaque article accompagné d’un fichier son, pour obtenir quelque chose qui va ressembler à çà

resultatpodcast

1/ ajouter la boucle qui insére le fichier audio dans blogger

 

dans l’administration de bloger allez dans modèle puis Modifier le code

2

 

on va positionner le code du player juste avant la barre de commentaire, à la toute fin du post

 

dans la fenêtre d’édition du code on ouvre l’outil de recherche [Ctrl]+[F] et on cherche le code : <div class=’post-footer’>

3

 

juste avant <div class=’post-footer’> on colle le code suivant :

 

 

4

Enfin, sauvegardez vos modifications

 

on a en fait ajouté la balise HTML5 <Audio> en la metant dans une boucle blogger. IF.

si un fichier audio est présent, on l’affiche, sinon non.

 

Ajouter un peu de compatibilité avec AUDIO.JS

Le probleme avec la balise Audio, c’est que si elle est tres pratique, elle n’est pas interprétée de la même maniere par tous les navigateurs. on va don utiliser Audio.JS, un petit fichier javascript pour obtenir le même rendu partout.

1/ téléchargez Audio.JS

2/ décompressez l’archive

3/copiez les fichier audio.js, player-graphics.gif & audiojs.swf dans un répertoire de votre google drive, et rendez le répertoire public en procédant comme dans le précédent tutorial

 

ensuite dans l’interface blogger allez dans mise en page

Ajoutez un gadget javascript

et  collez le code suivant

 

 

5

Enregistrez votre widget

Votre blog devrait maintenant vous proposer un player audio automatiquement comme ici sur le blog de test

Créer un podcast avec les outils Google – Partie 2

3 commentaires sur “Créer un podcast avec les outils Google – Partie 2

    • 26 février 2016 à 16 h 19 min
      Permalink

      Salut Grégoire …

      tu es sur d’avoir tout fait comme je l’explique ?

      quand je vais sur ton site, je vois bien un fichier mp3,
      un player un peu exotique qui n’a rien a voir avec celui présenté ici

      va voir le blog qui m’a servi de support pour l’article : http://podcast2test.blogspot.fr/

      as tu aussi suivi la premiére partie de l’article http://blog.passeurs-de-savoirs.fr/2014/12/creer-podcast-les-outils-google.html

      Répondre
      • 26 février 2016 à 19 h 01 min
        Permalink

        merci de ta réponse.
        oui j’ai bien suivi, j’ai finalement réussi avec ce lecteur exotique justement, le reste je n’y arrivais pas
        ok, je vais voir l’article en question et oui, j’ai bien suivi l’étape 1
        merci à toi !

        Répondre

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Merci de faire ce calcul pour valider votre commentaire *

Bear