개념

• 오디오 콘텐츠를 웹 브라우저에서 직접 재생할 수 있게 해주는 요소이다.

특징

• 대부분의 브라우저에서 자동재생이 제한된다.
• 청각 장애인을 위한 대체 텍스트 제공이 필요하다.
• JS로 커스텀 플레이어를 만들거나, 진행률 표시, 볼륨 조절 등의 고급 기능 구현이 가능하다.

예시

<audio controls>
  <!-- 여러 포맷 제공으로 브라우저 호환성 확보 -->
  <source src="audio.mp3" type="audio/mpeg">
  <source src="audio.ogg" type="audio/ogg">
  <!-- 브라우저가 audio 태그를 지원하지 않는 경우 표시 -->
  브라우저가 오디오를 지원하지 않습니다.
</audio>