Insérer des contenus audio
L'équipe FUN recommande la mise à disposition de fichiers de transcription de vos vidéos pour permettre aux participants ne bénéficiant pas d'une connexion haut-débit de profiter du contenu des enregistrements vidéos. Cette solution maximise l’accessibilité :
les fichiers sont plus légers pour les internautes ayant une faible connexion ;
les personnes mal-entendantes peuvent lire le texte directement ;
les personnes mal-voyantes peuvent utiliser des logiciels de lecture adaptés ;
les personnes dont le français n'est pas la langue maternelle peuvent utiliser des logiciels de traduction automatique.
Et enfin, cette solution évite d'alourdir l'archive de votre cours.
Si vous tenez à mettre à disposition des apprenants des fichiers audio (par exemple des fichiers de prononciation dans un MOOC de langue, des interview audio...), voici quelques recommandations techniques, afin de ne pas alourdir votre cours.
Fabriquer une pseudo vidéo et l'uploader via Marsha video
Actuellement notre service Marsha vidéo ne supporte que les vidéos. Il est toutefois possible d'utiliser ce service pour y mettre vos fichiers audio en "fabriquant une pseudo vidéo" :
Prendre une petite image, par exemple un petit bandeau horizontal, ou une petite vignette, illustratrice du contenu abordé dans le fichier audio, ou représentant simplement la symbolique de l'audio (un haut parleur, un casque) ;
Prendre votre fichier son ;
Combiner les deux dans un fichier vidéo, avec l'image fixe qui sera visible du début à la fin et la piste son.
Si vous voulez faire du montage, vous pouvez même prendre plusieurs images, qui changent en fonction du contenu audio. Cela contribuera à maintenir l'attention de l'auditeur, notamment au fil des longs fichiers audio, comme des interviews.
Avec cette méthode, vous avez donc un fichier au format vidéo que vous pouvez uploader avec "Marsha video" depuis les composants avancés et intégrer à votre cours comme n'importe quelle vidéo par le biais de ce composant vidéo.
Les apprenants pourront alors bénéficier de la même ergonomie que pour les vidéos, et du chargement progressif (streaming) du fichier comme pour les vidéos. Et ils pourront télécharger le fichier si vous activez la fonction de téléchargement. Et votre archive de cours reste légère, ce qui est un point important, comme expliqué plus bas dans cet article.
Fichiers et Uploads
Si vous n'avez qu'un nombre limité de fichiers, et que ceux-ci sont très légers, il est possible d'uploader vos mp3 dans le dossier "Fichiers et Uploads" au même titre que les images, pdf et autres ressources.
Ceci dit, plus vous avez de fichiers audio, plus le poids de votre cours sera gros, ce qui peut poser des problèmes techniques lors de l'import-export de votre cours et allonger le temps nécessaire à l'opération. Voici donc des préconisations.
1. Poids total de votre cours (l'archive tar.gz)
L'archive de votre cours ne doit pas dépasser 1Go, ce qui est déjà considérable, et constitue le seuil technique à ne pas dépasser.
Les très gros cours font en moyenne 500Mo. Les cours proposant peu de ressources à télécharger font moins de 100 Mo.
2. Préconisations de format des fichiers audio
Plus vous avez de fichiers audio, plus il faudra ajuster les paramètres de compression pour réduire le poids global de votre cours.
Les fichiers ne contenant que de la voix (échanges, tables rondes...), n'ont pas besoin du même niveau de qualité que les fichiers musicaux par exemple.
Ainsi, voici nos préconisations : format .mp3, débit 128 Kbps, fréquence 22,5 Khz.
3. Préconisations pour l'intégration dans le cours
A. Permettre le téléchargement du fichier
Nous vous conseillons présentement de procéder tout simplement en ajoutant un composant html avec un texte (par exemple "Télécharger le fichier audio") sur lequel vous mettrez un lien vers votre fichier mp3.
Pour créer le lien, il faut prendre l'URL embarquée, telle qu'indiquée dans fichiers et uploads (Par exemple "/static/votre_fichier.mp3").
Pensez à paramétrer votre lien afin qu'il s'ouvre dans une nouvelle fenêtre, pour que l'apprenant ne perde pas la page de la plateforme sur laquelle il se trouve. Pour que l'apprenant puisse télécharger le fichier au lieu de le lire dans son navigateur, vous pouvez recommander de faire un "clic droit - enregistrer sous".
Si vous passez en mode HTML, vous pourrez rajouter un paramètre supplémentaire à votre balise pour que le fichier soit directement téléchargé et non ouvert dans le navigateur.
Voici un exemple de lien HTML lisant le fichier dans un nouvel onglet du navigateur - Notez que le bon fonctionnement dépend de la configuration du poste de l'utilisateur :
<p><a href="/static/votre_fichier.mp3" target="_blank">Sound 1</a></p>
Voici un exemple de lien HTML enregistrant directement le fichier :
<p>Pour télécharger le fichier <a href="/static/votre_fichier.mp3" download="votre_fichier.mp3">cliquez ici</a></p>B. Intégrer un lecteur en HTML5 avec l'élément <audio>
Le HTML5 étant désormais supporté par la majorité des navigateurs, nous vous recommandons l'utilisation d'un élément <audio> vous permettant d'embarquer votre fichier dans un XBlock pour une lecture en streaming directement dans la page.
Balises à utiliser :
<audio controls="controls"><source src="/static/votre_fichier.mp3" type="audio/mpeg" />Votre navigateur ne supporte pas l'élément <code>audio</code>.</audio>Le lecteur ainsi que le fichier s'affichent directement dans le composant (affichage sur Chrome 65) :
Voici la liste des navigateurs supportant l'élément <audio> : https://caniuse.com/audio
Mars 2026
Notez que bien que cet élément soit de mieux en mieux pris en charge par les navigateurs, il peut arriver que cela ne fonctionne pas pour tout le monde. Il reste donc nécessaire, si vous choisissiez cette solution, d'intégrer un lien de téléchargement pour ceux qui n'arrivent pas à lire le fichier dans leur navigateur.