Convertisseur d’audio en Base64

Lire de l’audio Base64 dans une page web

Un data URI avec un type MIME audio fonctionne partout où un navigateur attend l’URL d’un fichier audio :

<audio controls src="data:audio/mpeg;base64,..."></audio>

// JavaScript : jouer un son court au clic sur un bouton
const click = new Audio('data:audio/wav;base64,...');
button.addEventListener('click', () => click.play());

Les navigateurs empêchent généralement la lecture d’un son avant que le visiteur ait interagi avec la page : appelez donc play() depuis un gestionnaire de clic ou de touche plutôt qu’au chargement de la page.

Bons usages de l’audio en Base64

• Sons d’interface courts. Les clics, carillons de notification et bips d’erreur de quelques kilo-octets peuvent être intégrés à votre bundle JavaScript : ils se jouent instantanément, sans requête supplémentaire.
• Applications hors ligne et monofichiers. Les jeux, bornes interactives, modules d’e-learning et rapports HTML qui doivent fonctionner à partir d’un seul fichier, sans serveur, peuvent embarquer leurs sons.
• API de reconnaissance vocale. De nombreux services cloud de reconnaissance vocale acceptent un court enregistrement sous forme de champ Base64, souvent nommé content ou audio, dans une requête JSON. Ils attendent généralement un format, une fréquence d’échantillonnage et un nombre de canaux précis. Cet outil encode le fichier tel quel, sans le convertir ni le rééchantillonner.
• Données de test. Les tests d’un code de traitement audio peuvent conserver un minuscule échantillon dans une constante de chaîne.

Quand éviter le Base64 pour l’audio

Base64 augmente la taille d’environ un tiers, et le navigateur doit recevoir la chaîne entière avant de pouvoir lancer la lecture. Pas de streaming, pas de mise en cache séparée, pas de requêtes de plage pour se déplacer dans le fichier. Un MP3 de 5 minutes à 128 kbit/s pèse environ 4,8 Mo, soit près de 6,4 Mo de texte dans votre HTML ou votre JavaScript, à retélécharger chaque fois que ce fichier change. Pour la musique, les podcasts et les autres enregistrements longs, servez un fichier audio classique. En règle générale, n’intégrez que des sons de quelques secondes.

Formats audio et types MIME

Selon le système d’exploitation, un fichier peut être signalé avec une variante du type, comme audio/x-wav ou audio/x-m4a. Les navigateurs les lisent généralement aussi, et vous pouvez modifier le préfixe si une plateforme exige un type précis.