Audio-naar-Base64-converter

Base64-audio afspelen op een webpagina

Een data-URI met een audio-MIME-type werkt overal waar een browser een audio-URL verwacht:

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

// JavaScript: speel een kort geluid af als er op een knop wordt geklikt
const click = new Audio('data:audio/wav;base64,...');
button.addEventListener('click', () => click.play());

Browsers blokkeren meestal geluid dat start voordat de bezoeker iets op de pagina heeft gedaan, dus roep play() aan vanuit een klik- of toetsenbordhandler en niet bij het laden van de pagina.

Goede toepassingen voor Base64-audio

• Korte interfacegeluiden. Klikjes, meldingsgeluiden en foutpiepjes van een paar kilobyte kunnen in je JavaScript-bundel staan, zodat ze direct afspelen zonder extra verzoek.
• Offline apps en apps in één bestand. Games, kiosken, e-learningpakketten en HTML-rapporten die vanuit één bestand zonder server moeten werken, kunnen hun geluiden inline meenemen.
• Spraak-naar-tekst-API's. Veel cloudspraakherkenningsdiensten accepteren een korte opname als Base64-veld in een JSON-verzoek, vaak content of audio genoemd. Ze verwachten meestal een bepaald formaat, een bepaalde samplefrequentie en een bepaald aantal kanalen. Deze tool codeert het bestand precies zoals het is en converteert of resamplet het niet.
• Testfixtures. Tests voor audioverwerkende code kunnen een piepklein fragment als stringconstante bewaren.

Wanneer je beter geen Base64 gebruikt voor audio

Base64 maakt het bestand ongeveer een derde groter, en de browser moet de hele string ontvangen voordat het afspelen kan beginnen. Er is geen streaming, geen aparte caching en er zijn geen range-requests om door te spoelen. Een MP3 van 5 minuten op 128 kbps is ongeveer 4,8 MB en wordt zo'n 6,4 MB tekst in je HTML of JavaScript, die opnieuw wordt gedownload telkens als dat bestand verandert. Gebruik voor muziek, podcasts en andere lange opnames een gewoon audiobestand. Vuistregel: neem alleen geluiden van een paar seconden inline op.

Audioformaten en MIME-types

Afhankelijk van het besturingssysteem kan een bestand een afwijkend type krijgen, zoals audio/x-wav of audio/x-m4a. Browsers spelen die meestal ook af, en je kunt het voorvoegsel aanpassen als een platform een specifiek type vereist.