Jak używać
- Przeciągnij plik audio na pole upuszczania lub kliknij, aby go wybrać: MP3, WAV, OGG, M4A, FLAC lub inny format.
- Odtwórz go w odtwarzaczu podglądu, aby sprawdzić, czy to właściwy dźwięk.
- Wybierz data URI dla elementu audio w HTML albo czysty Base64 dla żądania API.
- Skopiuj wynik lub pobierz go jako plik .txt.
Odtwarzanie dźwięku z Base64 na stronie internetowej
Data URI z typem MIME audio działa wszędzie tam, gdzie przeglądarka oczekuje adresu URL pliku dźwiękowego:
<audio controls src="data:audio/mpeg;base64,..."></audio>
// JavaScript: krótki dźwięk po kliknięciu przycisku
const click = new Audio('data:audio/wav;base64,...');
button.addEventListener('click', () => click.play());
Przeglądarki zwykle blokują odtwarzanie dźwięku, dopóki odwiedzający nie wejdzie w interakcję ze stroną, dlatego wywołuj play() w procedurze obsługi kliknięcia lub klawisza, a nie podczas ładowania strony.
Dobre zastosowania dźwięku w Base64
- Krótkie dźwięki interfejsu. Kliknięcia, sygnały powiadomień i dźwięki błędów o rozmiarze kilku kilobajtów mogą znajdować się w pakiecie JavaScript, dzięki czemu odtwarzają się natychmiast, bez dodatkowego żądania.
- Aplikacje offline i jednoplikowe. Gry, kioski, pakiety e-learningowe i raporty HTML, które muszą działać z jednego pliku bez serwera, mogą zawierać dźwięki bezpośrednio w kodzie.
- Interfejsy API zamiany mowy na tekst. Wiele chmurowych usług rozpoznawania mowy przyjmuje krótkie nagranie w żądaniu JSON jako pole Base64, często o nazwie
contentlubaudio. Zwykle oczekują one określonego formatu, częstotliwości próbkowania i liczby kanałów. To narzędzie koduje plik dokładnie w takiej postaci, w jakiej jest, i nie konwertuje go ani nie zmienia częstotliwości próbkowania. - Dane testowe. Testy kodu przetwarzającego dźwięk mogą przechowywać niewielką próbkę jako stałą tekstową.
Kiedy nie używać Base64 do dźwięku
Base64 zwiększa rozmiar o około jedną trzecią, a przeglądarka musi odebrać cały ciąg, zanim rozpocznie się odtwarzanie. Nie ma strumieniowania, osobnego buforowania ani żądań zakresu umożliwiających przewijanie. Pięciominutowy plik MP3 o przepływności 128 kb/s ma około 4,8 MB, co daje mniej więcej 6,4 MB tekstu w kodzie HTML lub JavaScript, pobieranego ponownie przy każdej zmianie tego pliku. Muzykę, podcasty i inne długie nagrania udostępniaj jako zwykłe pliki audio. Ogólna zasada: osadzaj tylko dźwięki trwające kilka sekund.
Formaty audio i typy MIME
| Format | Prefiks data URI | Uwagi |
|---|---|---|
| MP3 | data:audio/mpeg;base64, | Kompaktowy, odtwarzany w każdej przeglądarce |
| WAV | data:audio/wav;base64, | Nieskompresowany i duży; dobry do bardzo krótkich dźwięków |
| OGG (Vorbis, Opus) | data:audio/ogg;base64, | Kompaktowy; starsze wersje Safari go nie odtwarzają |
| M4A (AAC) | data:audio/mp4;base64, | Kompaktowy, szeroko obsługiwany |
| FLAC | data:audio/flac;base64, | Bezstratny, znacznie większy niż MP3 lub AAC |
W zależności od systemu operacyjnego plik może zostać zgłoszony z alternatywnym typem, takim jak audio/x-wav lub audio/x-m4a. Przeglądarki zazwyczaj odtwarzają również takie pliki, a jeśli dana platforma wymaga konkretnego typu, prefiks można zmienić ręcznie.
Najczęściej zadawane pytania
Jaki typ MIME ma MP3 w data URI?
audio/mpeg, więc data URI zaczyna się od data:audio/mpeg;base64,. W praktyce spotyka się też audio/mp3; niektóre przeglądarki go akceptują, ale audio/mpeg jest bezpiecznym wyborem.Dlaczego podgląd nie odtwarza pliku?
Odtwarzacz korzysta z kodeków wbudowanych w przeglądarkę. Jeśli przeglądarka nie obsługuje danego formatu, np. OGG w starszych wersjach Safari, podgląd milczy, ale wynik Base64 nadal jest dokładną kopią pliku.
Jak długie może być nagranie w Base64?
Narzędzie koduje pliki do 100 MB, ale to zdecydowanie za dużo, by je osadzać. Do osadzania ograniczaj nagrania do kilku sekund i kilkudziesięciu kilobajtów. W przypadku interfejsów API mowy sprawdź limit dla dźwięku przesyłanego bezpośrednio w żądaniu, który jest często znacznie niższy niż dla plików przesyłanych do magazynu w chmurze.
Czy można tutaj przekonwertować MP3 na WAV?
Nie. Narzędzie koduje plik w niezmienionej postaci, bez zmiany formatu, przepływności czy częstotliwości próbkowania. Najpierw przekonwertuj dźwięk w edytorze audio lub narzędziu wiersza poleceń, takim jak FFmpeg, a następnie zakoduj wynik.
Czy plik audio jest przesyłany na serwer?
Nie. Kodowanie i odtwarzanie odbywają się w przeglądarce, a plik pozostaje na urządzeniu.