Så använder du verktyget
- Släpp en ljudfil på uppladdningsytan eller klicka för att välja en: MP3, WAV, OGG, M4A, FLAC eller ett annat format.
- Spela upp den i förhandsvisningsspelaren för att kontrollera att det är rätt ljud.
- Välj en data URI för ett audio-element i HTML, eller rå Base64 för ett API-anrop.
- Kopiera resultatet eller ladda ned det som en .txt-fil.
Spela upp Base64-ljud på en webbsida
En data URI med en MIME-typ för ljud fungerar överallt där webbläsaren förväntar sig en URL till ett ljud:
<audio controls src="data:audio/mpeg;base64,..."></audio>
// JavaScript: spela upp ett kort ljud när någon klickar på en knapp
const click = new Audio('data:audio/wav;base64,...');
button.addEventListener('click', () => click.play());Webbläsare brukar blockera ljud som startar innan besökaren har interagerat med sidan, så anropa play() från en klick- eller tangenthanterare i stället för när sidan laddas.
Bra användningsområden för Base64-ljud
- Korta gränssnittsljud. Klick, aviseringssignaler och felpip på några kilobyte kan ligga i ditt JavaScript-paket, så att de spelas upp direkt utan något extra anrop.
- Offlineappar och appar i en enda fil. Spel, kiosker, e-learningpaket och HTML-rapporter som måste fungera från en fil utan server kan bära med sig sina ljud inbäddade.
- API:er för tal till text. Många molntjänster för taligenkänning tar emot en kort inspelning som ett Base64-fält, ofta kallat
contentelleraudio, i ett JSON-anrop. De förväntar sig oftast ett visst format, en viss samplingsfrekvens och ett visst antal kanaler. Det här verktyget kodar filen exakt som den är och varken konverterar eller samplar om den. - Testdata. Tester för kod som bearbetar ljud kan ha ett litet exempel som en strängkonstant.
När du inte bör använda Base64 för ljud
Base64 gör filen ungefär en tredjedel större, och webbläsaren måste ta emot hela strängen innan uppspelningen kan börja. Det finns ingen strömning, ingen separat cachning och inga range-anrop för att spola. En MP3 på 5 minuter med 128 kbit/s är ungefär 4,8 MB, vilket blir runt 6,4 MB text i din HTML eller JavaScript, och den laddas ned på nytt varje gång filen ändras. För musik, poddar och andra långa inspelningar bör du servera en vanlig ljudfil. En tumregel är att bara bädda in ljud som varar några sekunder.
Ljudformat och MIME-typer
| Format | Prefix för data URI | Kommentar |
|---|---|---|
| MP3 | data:audio/mpeg;base64, | Kompakt, spelas upp i alla webbläsare |
| WAV | data:audio/wav;base64, | Okomprimerat och stort, men går bra för mycket korta ljud |
| OGG (Vorbis, Opus) | data:audio/ogg;base64, | Kompakt, men äldre versioner av Safari kan inte spela upp det |
| M4A (AAC) | data:audio/mp4;base64, | Kompakt, brett stöd |
| FLAC | data:audio/flac;base64, | Förlustfritt, mycket större än MP3 eller AAC |
Beroende på operativsystem kan en fil rapporteras med en variant av typen, till exempel audio/x-wav eller audio/x-m4a. Webbläsare spelar oftast upp även dessa, och du kan redigera prefixet om en plattform kräver en viss typ.
Vanliga frågor
Vilken MIME-typ har MP3 i en data URI?
audio/mpeg, så data URI:n börjar med data:audio/mpeg;base64,. Du ser även audio/mp3 ute i verkligheten, och vissa webbläsare accepterar den, men audio/mpeg är det säkra valet.Varför spelar förhandsvisningen inte upp min fil?
Spelaren använder de kodekar som är inbyggda i din webbläsare. Om webbläsaren inte stöder ett format, till exempel OGG i äldre versioner av Safari, förblir förhandsvisningen tyst, men Base64-utdatan är ändå en exakt kopia av filen.
Hur långt kan ett ljudklipp i Base64 vara?
Verktyget kodar filer på upp till 100 MB, men det är alldeles för stort för att bädda in. För inbäddning bör klippen hållas till några sekunder och några tiotal kilobyte. För tal-API:er bör du kontrollera gränsen för inbäddat ljud, som ofta är mycket lägre än för ljud som laddas upp till lagring.
Kan jag konvertera MP3 till WAV här?
Nej. Verktyget kodar filen som den är, utan att ändra format, bithastighet eller samplingsfrekvens. Konvertera ljudet först med ett ljudredigeringsprogram eller ett kommandoradsverktyg som FFmpeg, och koda sedan resultatet.
Laddas mitt ljud upp?
Nej. Kodning och uppspelning sker i din webbläsare, och filen stannar på din enhet.