HTML <audio> 태그

정의와 사용법

<audio> 태그는 문서에 음성 내용(예: 음악 또는 다른 오디오 스트림)을 삽입하는 데 사용됩니다.

<audio> 태그는 하나나 여러 개의 다른 오디오 소스를 가질 수 있습니다. <source> 태그만이 표시됩니다. 브라우저는 지원하는 첫 번째 소스를 선택합니다.

<audio> 와 </audio> 지원하지 않는 태그 간의 텍스트는 <audio> 요소가 브라우저에서 표시됩니다.

안내:비디오 파일에 대해, 다음을 참조하세요 <video> 태그.

HTML은 세 가지 오디오 포맷을 지원합니다: MP3, WAV, OGG.

오디오 포맷과 브라우저 지원

브라우저 MP3 WAV OGG
Edge / IE 지원 지원 * 지원 *
크롬 지원 지원 지원
파이어폭스 지원 지원 지원
사파리 지원 지원 지원하지 않음
오페라 지원 지원 지원

* Edge 79부터 시작

다른 참조물:

HTML DOM 참조 가이드:HTML Audio/Video DOM 참조 가이드

예제

오디오 파일 재생:

<audio controls>
  <source src="song.ogg" type="audio/ogg">
  <source src="song.mp3" type="audio/mpeg">
  귀하의 브라우저는 audio 태그를 지원하지 않습니다.
</audio>

직접 테스트해 보세요

속성

속성 값 설명
자동재생 자동재생 오디오가 준비되면 즉시 재생됩니다.
컨트롤 컨트롤 오디오 컨트롤(예: 재생/정지 버튼 등)이 표시되어야 합니다.
루프 루프 오디오가 매번 끝나면 다시 시작합니다.
muted muted 오디오 출력이 무소리여야 합니다.
preload
  • auto
  • metadata
  • none
 페이지 로드할 때 오디오를 어떻게 로드할지 및 로드할지 정의합니다.
src URL 오디오 파일의 URL을 정의합니다.

전역 속성

<audio> 태그는 다음과 같은 추가 속성을 지원합니다 HTML에서의 전역 속성.

이벤트 속성

<audio> 태그는 다음과 같은 추가 속성을 지원합니다 HTML에서 이벤트 속성.

기본 CSS 설정

없음.

브라우저 지원

표의 숫자는 첫 번째로 이 요소를 완전히 지원하는 브라우저 버전을 나타냅니다.

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
4.0 9.0 3.5 4.0 11.5