Как перевести аудио в Base64
- Перетащите аудиофайл в область или выберите один или несколько файлов через окно выбора. Подходят MP3, WAV, OGG, M4A, AAC и FLAC.
- Проверьте запись во встроенном плеере.
- По умолчанию Формат вывода стоит на Data URI. Выберите Чистый Base64 для API или JSON, чтобы получить имя, тип, размер и данные вместе.
- Нажмите Скопировать результат. Для длинных записей используйте Сохранить как .txt.
Как узнать аудиоформат по Base64
| Формат | MIME-тип | Base64 начинается с |
|---|---|---|
| MP3 с тегом ID3 | audio/mpeg | SUQz |
| MP3 без тега | audio/mpeg | // и буква, например //uQ |
| WAV | audio/wav | UklGR, с XQVZF в символах 12–16 |
| Ogg (Vorbis, Opus) | audio/ogg | T2dnUw |
| FLAC | audio/flac | ZkxhQw |
| M4A (AAC) | audio/mp4 | AAAA + один символ + GZ0eXBNNEEg |
| WebM audio | audio/webm | GkXfo |
В data URI попадает MIME-тип, который браузер сообщил для файла. Если браузер тип не сообщил, инструмент подбирает его по расширению. MP3 и AAC в M4A воспроизводятся во всех актуальных браузерах; Ogg, FLAC и WebM поддерживаются хорошо, но не везде, так что проверьте их в браузерах ваших пользователей.
Где пригодится аудио в Base64
- Звуки интерфейса и игр. Щелчки, сигналы уведомлений и короткие эффекты внутри HTML-страницы или небольшой игры: всё запускается из одного файла, без сервера.
- Речевые и аудио-API. Сервисы распознавания речи, перевода и анализа звука часто принимают запись в виде Base64 в поле JSON вместе с кодеком и частотой дискретизации.
- Тестовые данные. Короткий фрагмент как константа Base64, чтобы тестировать обработку звука без двоичного файла в репозитории.
Музыку, подкасты и всё, что длиннее нескольких секунд, на сайте лучше подключать ссылкой. Браузер воспроизводит файл по ссылке потоком и загружает его по диапазонам, а data URI должен целиком оказаться в памяти, прежде чем начнётся воспроизведение.
Насколько вырастает закодированное аудио
Base64 составляет 4/3 от размера файла, так что всё решает битрейт:
| Аудио | 10 секунд | Base64 |
|---|---|---|
| MP3, 128 кбит/с | 160 000 байт | 213 336 символов |
| WAV, 16 кГц моно 16 бит (речь) | 320 044 байт | 426 728 символов |
| WAV, 44,1 кГц стерео 16 бит (CD) | 1 764 044 байт | 2 352 060 символов |
Минута WAV в CD-качестве занимает больше 14 миллионов символов Base64. Подробнее о каждом формате на страницах MP3 в Base64 и WAV в Base64, а Base64 в аудио воспроизведёт полученную строку Base64 или сохранит её в файл.
Воспроизведение аудио из Base64 в JavaScript
const beep = new Audio("data:audio/mpeg;base64,SUQzBAAAAAAAI1RTU0UAAAAPAAADTGF2...");
button.addEventListener("click", () => beep.play());
Браузеры блокируют звук, который начинается без жеста пользователя, поэтому вызывайте play() из обработчика щелчка или нажатия клавиши. Декодирование и другие варианты разобраны в статье Base64 в JavaScript.
Вопросы и ответы
Как воспроизвести аудио из Base64 в HTML?
Поставьте data URI в атрибут src элемента <audio>: <audio controls src="data:audio/mpeg;base64,SUQz..."></audio>. В JavaScript точно так же работает new Audio(dataUri).play(), если вызов происходит после действия пользователя.
Какой аудиоформат даёт самый короткий Base64?
Сжатый. В пересчёте на секунду звука MP3, AAC (M4A) и Opus во много раз меньше WAV или FLAC, а Base64 добавляет к каждому одну и ту же треть. Для речи короче всего моно-файл с низким битрейтом.
Можно ли конвертировать несколько звуковых файлов сразу?
Да. Перетащите их вместе, выберите один в списке кнопкой Показать или нажмите Скопировать всё как JSON, чтобы получить имя, тип, размер и Base64 каждого файла одним массивом. Это удобно для набора звуков в небольшой игре.