Convertitore da audio a Base64

Riprodurre audio in Base64 in una pagina web

Un data URI con un tipo MIME audio funziona ovunque un browser si aspetti l’URL di un file audio:

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

// JavaScript: riproduce un breve suono al clic su un pulsante
const click = new Audio('data:audio/wav;base64,...');
button.addEventListener('click', () => click.play());

Di solito i browser impediscono l’avvio di un suono prima che il visitatore abbia interagito con la pagina, quindi chiama play() da un gestore di clic o di tasti, non al caricamento della pagina.

Quando conviene usare l’audio in Base64

• Brevi suoni dell’interfaccia. Clic, suoni di notifica e bip di errore di pochi kilobyte possono stare all’interno del bundle JavaScript, così vengono riprodotti all’istante senza richieste aggiuntive.
• App offline e in un unico file. Giochi, chioschi interattivi, pacchetti e-learning e report HTML che devono funzionare da un solo file senza server possono includere i propri suoni inline.
• API di riconoscimento vocale. Molti servizi cloud di riconoscimento vocale accettano una breve registrazione come campo Base64, spesso chiamato content o audio, in una richiesta JSON. Di solito si aspettano un formato, una frequenza di campionamento e un numero di canali precisi. Questo strumento codifica il file esattamente com’è e non lo converte né lo ricampiona.
• Fixture di test. I test per il codice di elaborazione audio possono conservare un piccolo campione come costante stringa.

Quando non usare Base64 per l’audio

Base64 aumenta la dimensione di circa un terzo e il browser deve ricevere l’intera stringa prima di poter avviare la riproduzione. Non c’è streaming, né una cache separata, né richieste di intervallo (range request) per spostarsi nel brano. Un MP3 di 5 minuti a 128 kbps pesa circa 4,8 MB, che diventano circa 6,4 MB di testo all’interno del tuo HTML o JavaScript, da riscaricare ogni volta che quel file cambia. Per musica, podcast e altre registrazioni lunghe, servi un normale file audio. Come regola pratica, incorpora solo suoni che durano pochi secondi.

Formati audio e tipi MIME

A seconda del sistema operativo, un file può essere riportato con un tipo alternativo come audio/x-wav o audio/x-m4a. In genere i browser riproducono anche questi, e puoi modificare il prefisso se una piattaforma richiede un tipo specifico.