오디오 Base64 변환기

웹 페이지에서 Base64 오디오 재생하기

오디오 MIME 유형을 가진 data URI는 브라우저가 오디오 URL을 기대하는 곳이라면 어디서든 작동합니다.

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

// JavaScript: 버튼을 클릭하면 짧은 소리 재생
const click = new Audio('data:audio/wav;base64,...');
button.addEventListener('click', () => click.play());

브라우저는 보통 방문자가 페이지와 상호 작용하기 전에는 소리 재생을 차단하므로, play()는 페이지 로드 시점이 아니라 클릭이나 키 입력 핸들러에서 호출하십시오.

Base64 오디오가 유용한 경우

• 짧은 인터페이스 효과음: 몇 킬로바이트 정도의 클릭음, 알림음, 오류 경고음은 JavaScript 번들 안에 넣어 둘 수 있으므로 추가 요청 없이 즉시 재생됩니다.
• 오프라인 앱과 단일 파일 앱: 서버 없이 파일 하나로 작동해야 하는 게임, 키오스크, 이러닝 패키지, HTML 보고서는 소리를 인라인으로 담을 수 있습니다.
• 음성 인식(STT) API: 많은 클라우드 음성 인식 서비스는 JSON 요청 안에서 짧은 녹음을 Base64 필드로 받으며, 이 필드의 이름은 흔히 content나 audio입니다. 이런 서비스는 보통 특정 형식, 샘플링 레이트, 채널 수를 요구합니다. 이 도구는 파일을 있는 그대로 인코딩하며 형식 변환이나 리샘플링은 하지 않습니다.
• 테스트 픽스처: 오디오 처리 코드를 테스트할 때 아주 작은 샘플을 문자열 상수로 보관할 수 있습니다.

오디오에 Base64를 쓰지 말아야 할 때

Base64는 크기를 약 3분의 1 늘리고, 브라우저는 재생을 시작하기 전에 문자열 전체를 받아야 합니다. 스트리밍도, 별도 캐싱도, 탐색을 위한 범위 요청도 불가능합니다. 128kbps로 인코딩한 5분짜리 MP3는 약 4.8MB인데, HTML이나 JavaScript 안에서는 약 6.4MB의 텍스트가 되며 그 파일이 바뀔 때마다 다시 다운로드됩니다. 음악, 팟캐스트 등 긴 녹음은 일반 오디오 파일로 제공하십시오. 경험상 몇 초 정도인 소리만 인라인으로 넣는 것이 좋습니다.

오디오 형식과 MIME 유형

운영 체제에 따라 파일이 audio/x-wav나 audio/x-m4a 같은 변형 유형으로 표시될 수 있습니다. 브라우저는 대개 이런 유형도 재생하며, 플랫폼에서 특정 유형을 요구하면 접두사를 직접 수정하면 됩니다.