Cara menggunakan
- Seret file audio ke area unggah atau klik untuk memilih file: MP3, WAV, OGG, M4A, FLAC, atau format lain.
- Putar di pemutar pratinjau untuk memastikan suaranya benar.
- Pilih Data URI untuk elemen audio HTML, atau Base64 mentah untuk permintaan API.
- Salin hasilnya atau unduh sebagai file .txt.
Memutar audio Base64 di halaman web
Data URI dengan tipe MIME audio berfungsi di mana pun browser mengharapkan URL audio:
<audio controls src="data:audio/mpeg;base64,..."></audio>
// JavaScript: putar suara pendek saat tombol diklik
const click = new Audio('data:audio/wav;base64,...');
button.addEventListener('click', () => click.play());
Browser biasanya memblokir suara yang diputar sebelum pengunjung berinteraksi dengan halaman, jadi panggil play() dari handler klik atau tombol keyboard, bukan saat halaman dimuat.
Kegunaan audio Base64 yang tepat
- Suara antarmuka yang pendek. Bunyi klik, nada notifikasi, dan bunyi bip kesalahan berukuran beberapa kilobyte dapat disimpan di dalam bundle JavaScript, sehingga langsung diputar tanpa permintaan tambahan.
- Aplikasi offline dan satu file. Game, kios, paket e-learning, dan laporan HTML yang harus berfungsi dari satu file tanpa server dapat membawa suaranya secara inline.
- API speech-to-text. Banyak layanan pengenalan ucapan berbasis cloud menerima rekaman pendek sebagai kolom Base64, sering bernama
contentatauaudio, dalam permintaan JSON. Layanan tersebut biasanya mengharapkan format, laju sampel, dan jumlah kanal tertentu. Alat ini mengenkode file persis apa adanya dan tidak mengonversi atau melakukan resampling. - Fixture pengujian. Pengujian untuk kode pemrosesan audio dapat menyimpan sampel kecil sebagai konstanta string.
Kapan sebaiknya tidak memakai Base64 untuk audio
Base64 menambah ukuran sekitar sepertiga, dan browser harus menerima seluruh string sebelum pemutaran dapat dimulai. Tidak ada streaming, tidak ada cache terpisah, dan tidak ada range request untuk melompat ke bagian tertentu. MP3 berdurasi 5 menit pada 128 kbps berukuran sekitar 4,8 MB, yang menjadi sekitar 6,4 MB teks di dalam HTML atau JavaScript Anda dan harus diunduh ulang setiap kali file tersebut berubah. Untuk musik, podcast, dan rekaman panjang lainnya, sajikan file audio biasa. Sebagai patokan, sematkan secara inline hanya suara yang berdurasi beberapa detik.
Format audio dan tipe MIME
| Format | Awalan data URI | Catatan |
|---|---|---|
| MP3 | data:audio/mpeg;base64, | Ringkas, dapat diputar di semua browser |
| WAV | data:audio/wav;base64, | Tidak terkompresi dan besar; cocok untuk suara yang sangat pendek |
| OGG (Vorbis, Opus) | data:audio/ogg;base64, | Ringkas; Safari versi lama tidak dapat memutarnya |
| M4A (AAC) | data:audio/mp4;base64, | Ringkas, didukung secara luas |
| FLAC | data:audio/flac;base64, | Lossless, jauh lebih besar daripada MP3 atau AAC |
Tergantung sistem operasinya, file mungkin dilaporkan dengan tipe varian seperti audio/x-wav atau audio/x-m4a. Browser umumnya tetap dapat memutarnya, dan Anda dapat mengedit awalannya jika suatu platform memerlukan tipe tertentu.
Pertanyaan yang sering diajukan
Apa tipe MIME untuk MP3 dalam data URI?
audio/mpeg, sehingga data URI diawali data:audio/mpeg;base64,. Anda juga akan menemukan audio/mp3 di berbagai tempat; sebagian browser menerimanya, tetapi audio/mpeg adalah pilihan yang aman.Mengapa pratinjau tidak memutar file saya?
Pemutar bergantung pada codec yang tertanam di browser Anda. Jika browser tidak mendukung suatu format, misalnya OGG di Safari versi lama, pratinjau tetap tanpa suara, tetapi keluaran Base64 tetap merupakan salinan persis dari file tersebut.
Seberapa panjang klip audio Base64 yang wajar?
Alat ini mengenkode file hingga 100 MB, tetapi ukuran itu terlalu besar untuk disematkan. Untuk penggunaan inline, batasi klip hingga beberapa detik dan beberapa puluh kilobyte. Untuk API ucapan, periksa batas audio inline, yang sering jauh lebih rendah daripada batas untuk audio yang diunggah ke penyimpanan.
Bisakah saya mengonversi MP3 ke WAV di sini?
Tidak. Alat ini mengenkode file apa adanya, tanpa mengubah format, bitrate, atau laju sampelnya. Konversi audio terlebih dahulu dengan editor audio atau alat baris perintah seperti FFmpeg, lalu enkode hasilnya.
Apakah audio saya diunggah?
Tidak. Pengodean dan pemutaran berlangsung di browser Anda, dan file tetap berada di perangkat Anda.