Chuyển đổi âm thanh sang Base64

Phát âm thanh Base64 trên trang web

Data URI có kiểu MIME âm thanh dùng được ở bất kỳ đâu trình duyệt cần URL của một tệp âm thanh:

<audio controls src="data:audio/mpeg;base64,..."></audio>

// JavaScript: phát một âm thanh ngắn khi nhấp vào nút
const click = new Audio('data:audio/wav;base64,...');
button.addEventListener('click', () => click.play());

Trình duyệt thường chặn phát âm thanh trước khi người dùng tương tác với trang, nên hãy gọi play() từ trình xử lý sự kiện nhấp chuột hoặc phím thay vì gọi ngay khi trang vừa tải.

Những trường hợp nên dùng âm thanh Base64

• Âm thanh giao diện ngắn. Tiếng nhấp, chuông thông báo và tiếng bíp báo lỗi chỉ vài kilobyte có thể nằm ngay trong gói JavaScript, nhờ vậy chúng phát tức thì mà không cần thêm yêu cầu nào.
• Ứng dụng ngoại tuyến và ứng dụng một tệp. Trò chơi, kiosk, gói e-learning và báo cáo HTML phải hoạt động từ một tệp duy nhất mà không cần máy chủ có thể nhúng sẵn âm thanh bên trong.
• API chuyển giọng nói thành văn bản. Nhiều dịch vụ nhận dạng giọng nói trên đám mây nhận một bản ghi ngắn dưới dạng trường Base64, thường có tên content hoặc audio, trong yêu cầu JSON. Các dịch vụ này thường yêu cầu một định dạng, tần số lấy mẫu và số kênh cụ thể. Công cụ này mã hóa tệp đúng như hiện trạng, không chuyển đổi hay lấy mẫu lại.
• Dữ liệu kiểm thử. Mã kiểm thử cho phần xử lý âm thanh có thể lưu một mẫu rất nhỏ dưới dạng hằng chuỗi.

Khi nào không nên dùng Base64 cho âm thanh

Base64 làm dung lượng tăng thêm khoảng một phần ba, và trình duyệt phải nhận toàn bộ chuỗi trước khi có thể bắt đầu phát. Không có phát trực tuyến (streaming), không có bộ nhớ đệm riêng và không có yêu cầu range để tua. Một tệp MP3 dài 5 phút ở 128 kbps nặng khoảng 4,8 MB, sẽ thành khoảng 6,4 MB văn bản bên trong HTML hoặc JavaScript, và phải tải lại mỗi khi tệp đó thay đổi. Với nhạc, podcast và các bản ghi dài khác, hãy dùng tệp âm thanh thông thường. Theo kinh nghiệm, chỉ nên nhúng những âm thanh dài vài giây.

Định dạng âm thanh và kiểu MIME

Tùy theo hệ điều hành, một tệp có thể được báo với kiểu biến thể như audio/x-wav hoặc audio/x-m4a. Trình duyệt nhìn chung vẫn phát được các kiểu này, và bạn có thể sửa tiền tố nếu một nền tảng cần kiểu cụ thể.