Dernier Épisode
Est-ce que notre génération est condamnée à vivre moins bien que nos parents ?
Entre inflation, crise du logement et urgence climatique, on explore si le “progrès” est derrière nous.
Écouter (42 min)Perspectives d’avenir
Faire des enfants dans un monde incertain : choix égoïste ou acte d’espoir ?
Écouter (35 min)Précarité & accès à l’emploi
Climat & justice écologique
Relations au travail
Discriminations & inclusion
Santé mentale & bien-être
Ajouter l’audio dans le Podcast
L’opération consiste à remplacer le lien “mort” (href="#") de chaque bouton “Écouter” par le lien direct vers votre fichier audio.
Comment faire ?
Étape 1 : Héberger votre fichier audio
Vous devez d’abord mettre votre fichier .mp3 en ligne pour qu’il ait une adresse web (une URL). Vous avez deux options principales :
- Solution simple (si vous débutez) : Mettez le fichier audio sur le même serveur que votre site web. Par exemple, dans un dossier que vous pourriez appeler
/audio/. - Solution recommandée (standard) : Utilisez un hébergeur de podcast (comme Acast, Podbean, Buzzsprout, Anchor.fm, etc.). C’est la méthode professionnelle. Vous uploadez votre
.mp3chez eux, et ils vous fournissent un lien direct.
Étape 2 : Obtenir le lien direct (URL)
Une fois votre fichier hébergé, vous obtiendrez un lien qui ressemble à ceci : https://www.votre-site.com/audio/episode1.mp3 …ou, si vous utilisez un hébergeur de podcast : https://media.acast.com/generation-avenir/episode-1-monde-incertain.mp3
Étape 3 : Mettre à jour le code HTML
Maintenant, ouvrez votre fichier index.html et trouvez les boutons “Écouter”.
AVANT (ce que vous avez maintenant) :
HTML
<a href="#" class="inline-flex items-center gap-3 bg-cyan-500 ...">
<svg class="h-6 w-6" ...></svg>
Écouter (42 min)
</a>
<a href="#" class="inline-flex items-center gap-2 bg-white ...">
<svg class="h-5 w-5" ...></svg>
Écouter (35 min)
</a>
APRÈS (ce que vous devez faire) : Remplacez simplement le # par votre URL.
HTML
<a href="https://media.acast.com/generation-avenir/dernier-episode.mp3" class="inline-flex items-center gap-3 bg-cyan-500 ...">
<svg class="h-6 w-6" ...></svg>
Écouter (42 min)
</a>
<a href="https://media.acast.com/generation-avenir/episode-faire-des-enfants.mp3" class="inline-flex items-center gap-2 bg-white ...">
<svg class="h-5 w-5" ...></svg>
Écouter (35 min)
</a>
⚠️ Point important : Hébergeur de Podcast
Je vous recommande fortement d’utiliser un hébergeur de podcast (Option 2).
- Pourquoi ? Parce que cet hébergeur va aussi générer votre flux RSS.
- C’est quoi le flux RSS ? C’est ce qui permet aux gens de “s’abonner” à votre podcast. C’est ce flux que vous soumettrez à Apple Podcasts, Google Podcasts, etc.
Les boutons “S’abonner” que j’ai mis dans l’en-tête (Apple, Google, YouTube) ne pointeront pas vers un fichier .mp3. Ils pointeront vers le lien de votre podcast sur ces plateformes (un lien que vous obtiendrez après avoir soumis votre flux RSS).
En résumé :
- Bouton “Écouter” (sur la carte) : Lien direct vers le fichier
.mp3de cet épisode précis. - Bouton “S’abonner” (en-tête/pied de page) : Lien vers la page générale de votre podcast sur Apple Podcasts, Google, etc.