Slik bruker du verktøyet
- Slipp en lydfil i opplastingsfeltet, eller klikk for å velge en: MP3, WAV, OGG, M4A, FLAC eller et annet format.
- Spill den av i forhåndsvisningsavspilleren for å sjekke at det er riktig lyd.
- Velg en data URI for et HTML-element av typen audio, eller ren Base64 for en API-forespørsel.
- Kopier resultatet eller last det ned som en .txt-fil.
Spille av Base64-lyd på en nettside
En data URI med en MIME-type for lyd fungerer overalt der nettleseren forventer en lyd-URL:
<audio controls src="data:audio/mpeg;base64,..."></audio>
// JavaScript: spill av en kort lyd når det klikkes på en knapp
const click = new Audio('data:audio/wav;base64,...');
button.addEventListener('click', () => click.play());
Nettlesere hindrer vanligvis lyd i å starte før den besøkende har samhandlet med siden, så kall play() fra en klikk- eller tastaturhendelse i stedet for når siden lastes inn.
Gode bruksområder for Base64-lyd
- Korte lyder i brukergrensesnittet. Klikk, varslingssignaler og feilpip på noen få kilobyte kan ligge inne i JavaScript-pakken din, slik at de spilles av umiddelbart uten en ekstra forespørsel.
- Frakoblede apper og apper i én fil. Spill, kiosker, e-læringspakker og HTML-rapporter som må fungere fra én fil uten server, kan ha lydene sine innebygd.
- Tale-til-tekst-API-er. Mange skybaserte tjenester for talegjenkjenning tar imot et kort opptak som et Base64-felt, ofte kalt
contentelleraudio, i en JSON-forespørsel. De forventer som regel et bestemt format, en bestemt samplingsfrekvens og et bestemt antall kanaler. Dette verktøyet koder filen nøyaktig slik den er, og verken konverterer eller resampler den. - Testdata. Tester for lydbehandlingskode kan ha et bitte lite lydeksempel som en strengkonstant.
Når du ikke bør bruke Base64 til lyd
Base64 gjør størrelsen omtrent en tredjedel større, og nettleseren må motta hele strengen før avspillingen kan starte. Det finnes ingen strømming, ingen separat hurtigbufring og ingen områdeforespørsler for å hoppe i lyden. En MP3 på 5 minutter med 128 kbps er omtrent 4,8 MB, som blir rundt 6,4 MB tekst i HTML- eller JavaScript-koden din, og den må lastes ned på nytt hver gang filen endres. For musikk, podkaster og andre lange opptak bør du levere en vanlig lydfil. En god tommelfingerregel er å bare bygge inn lyder som varer noen få sekunder.
Lydformater og MIME-typer
| Format | Data URI-prefiks | Merknader |
|---|---|---|
| MP3 | data:audio/mpeg;base64, | Kompakt, spilles av i alle nettlesere |
| WAV | data:audio/wav;base64, | Ukomprimert og stor; greit for svært korte lyder |
| OGG (Vorbis, Opus) | data:audio/ogg;base64, | Kompakt; eldre Safari-versjoner kan ikke spille det av |
| M4A (AAC) | data:audio/mp4;base64, | Kompakt, bred støtte |
| FLAC | data:audio/flac;base64, | Tapsfri, mye større enn MP3 eller AAC |
Avhengig av operativsystemet kan en fil bli oppgitt med en variant av typen, for eksempel audio/x-wav eller audio/x-m4a. Nettlesere spiller som regel av disse også, og du kan endre prefikset hvis en plattform krever en bestemt type.
Ofte stilte spørsmål
Hva er MIME-typen for MP3 i en data URI?
audio/mpeg, så data URI-en begynner med data:audio/mpeg;base64,. Du vil også støte på audio/mp3 i praksis. Noen nettlesere godtar den, men audio/mpeg er det sikre valget.Hvorfor spiller ikke forhåndsvisningen av filen min?
Avspilleren bruker kodekene som er innebygd i nettleseren din. Støtter ikke nettleseren et format, som OGG i eldre Safari-versjoner, forblir forhåndsvisningen stille, men Base64-utdataene er fortsatt en nøyaktig kopi av filen.
Hvor langt kan et Base64-lydklipp være?
Verktøyet koder filer på opptil 100 MB, men det er altfor stort til å bygges inn. Til innebygd bruk bør klippene holdes på noen få sekunder og noen titalls kilobyte. For tale-API-er bør du sjekke grensen for innebygd lyd, som ofte er mye lavere enn for lyd som lastes opp til lagring.
Kan jeg konvertere MP3 til WAV her?
Nei. Verktøyet koder filen som den er, uten å endre format, bithastighet eller samplingsfrekvens. Konverter lyden først med et lydredigeringsprogram eller et kommandolinjeverktøy som FFmpeg, og kod deretter resultatet.
Blir lyden min lastet opp?
Nei. Koding og avspilling skjer i nettleseren din, og filen blir værende på enheten din.