# Composants Jahia > Media > Audio

<p class="callout info">Le composant Audio permet d’ajouter un lecteur audio directement dans une page du site. Il est conçu pour mettre à disposition un podcast ou une playlist. Ce composant répond à un besoin croissant : permettre l’écoute de contenus audio produits ou relayés par l’UNIL, que ce soit pour s’informer, découvrir ou approfondir un sujet.</p>

[![audio.png](https://wiki.unil.ch/ci/uploads/images/gallery/2024-08/scaled-1680-/audio.png)](https://wiki.unil.ch/ci/uploads/images/gallery/2024-08/audio.png)

### Bonnes pratiques

Afin de respecter la position éco-responsable choisie pour les plateformes digitales de L’UNIL, l’intégration d’audio dans la page doit amener une plus-value au contenu et aider à sa compréhension. Il est recommandé de décrire brièvement le contenu de l’audio, afin que les personnes qui visitent le site sachent de quoi il s’agit avant de le charger pour l’écouter.

### Cas d'utilisation

Le composant se décline en deux variantes:

- Episode unique: contient un seul élément audio.
- Playlist d'une série: contient plusieurs éléments audio d’une liste de lecture.

2 sources sont possibles pour ces fichiers audio:

- [RTS](https://www.rts.ch/audio-podcast)
- [Podcastics](https://www.podcastics.com/fr/hebergement-podcast/) , la plateforme audio utilisée par l'UNIL.

Les lecteurs de fichiers audio peuvent être ajoutés sur toutes les pages, à tous les endroits du corps de la page, tant qu’ils sont pertinents et amènent une plus-value.

### Remarques particulières

Dans un souci d’éco-responsabilité, l’audio n’est pas automatiquement chargé à l’ouverture de la page. Seul un clic sur le composant permettra de charger la source audio depuis la plateforme qui l’héberge. Le média sera alors prêt à être écouté.

### Ajout et édition

#### Pour la RTS

<div id="bkmrk-lorsque-l%27on-souhait">Lorsque l'on souhaite intégrer un audio (podcast, émission radio) issu de la RTS, utilisez la fonctionnalité de partage proposée:</div>- <div role="presentation">L'épisode est disponible sur [https://www.rts.ch/audio-podcast](https://www.rts.ch/audio-podcast "https://www.rts.ch/audio-podcast")</div>
- <div role="presentation">Pour trouver l'URL, cliquez sur l'icône Partager et choisissez l'option Intégrer le player</div>

[![integrer-audio-rts.png](https://wiki.unil.ch/ci/uploads/images/gallery/2026-02/scaled-1680-/integrer-audio-rts.png)](https://wiki.unil.ch/ci/uploads/images/gallery/2026-02/integrer-audio-rts.png)

- <div role="presentation">Cliquez sur le code et collez dans un fichier texte ou word</div>

<div id="bkmrk-%3Ciframe-src%3D%22https%3A%2F" style="padding-left: 40px;">&lt;iframe src="<span style="background-color: rgb(251, 238, 184);">[https://www.rts.ch/play/embed?urn=urn:rts:audio:6585689](https://www.rts.ch/play/embed?urn=urn:rts:audio:6585689)</span>" width="392" height="58" frameborder="0" allowfullscreen="true" allow="fullscreen; geolocation *; autoplay; encrypted-media" name="Quand les maths façonnent les corps"&gt;&lt;/iframe&gt;</div><div id="bkmrk-%C2%A0-2"> </div>- <div role="presentation">Ou récupérez l'URL [https://www.rts.ch/play/embed?urn=urn:rts:audio:6585689](https://www.rts.ch/play/embed?urn=urn:rts:audio:6585689 "https://www.rts.ch/play/embed?urn=urn:rts:audio:6585689") pour ensuite le coller dans le composant.</div>

<div id="bkmrk-%C2%A0-3"> </div><div id="bkmrk-lorsque-l%27%C3%A9pisode-n%27">Lorsque l'épisode n'est pas disponible sur [https://www.rts.ch/audio-podcast](https://www.rts.ch/audio-podcast "https://www.rts.ch/audio-podcast") de la RTS, mais sur les pages du site de la RTS (cas des audios d'émissions radio), il faut plutôt utiliser le composant Groupe de liens.</div><div id="bkmrk-%C2%A0-4"> </div><div id="bkmrk-pour-les-webmasters-">Pour les webmasters avancés, il est possible en inspectant le code de la page de récupérer l'ID nommer URN pour l'intégrer à la fin de l'URL suivant: [https://www.rts.ch/play/embed?urn=urn:rts:audio](https://www.rts.ch/play/embed?urn=urn:rts:audio):<span style="background-color: rgb(251, 238, 184);">XXXX</span></div>#### Pour Podcastics

Il faut disposer de **l'idendifiant du podcast** et de **l'identifiant de l'épisode ou de la série**, voir [la documentation d'Unicom](https://wiki.unil.ch/unicom/books/podcast).

[![podcastics1.png](https://wiki.unil.ch/ci/uploads/images/gallery/2025-11/scaled-1680-/podcastics1.png)](https://wiki.unil.ch/ci/uploads/images/gallery/2025-11/podcastics1.png)

[![podcastics2.png](https://wiki.unil.ch/ci/uploads/images/gallery/2025-11/scaled-1680-/podcastics2.png)](https://wiki.unil.ch/ci/uploads/images/gallery/2025-11/podcastics2.png)

#### Vidéo extraite de la formation de mise à niveau Jahia

Note: un champ supplémentaire "identifiant du podcast" a été introduit dans Jahia après la réalisation de cette vidéo, voir image ci-dessus.

<iframe allowfullscreen="allowfullscreen" height="500px" src="https://rec.unil.ch/permalink/v126afd9397a6n0v7yms/iframe/" style="border: none;" width="1000px"></iframe>

\[ Documentation Jahia: [retour au sommaire](https://wiki.unil.ch/ci/books/sites-web-jahia/chapter/jahia-unil-documentation-publique) \]