HTML 기초 정리(10) - <audio> 소리

정의 및 사용법

태그 <audio>는 음악이나 다른 오디오 스트림 등의 사운드 콘텐츠를 문서에 포함하는 데 사용됩니다.
태그 에는 서로 다른 오디오 소스가 있는 <audio>하나 이상의 <source>태그가 포함되어 있습니다.

브라우저는 지원하는 첫 번째 소스를 선택합니다.

 

<audio>태그 사이의 텍스트는 </audio> 해당 요소를 지원하지 않는 브라우저에서만 표시됩니다 <audio>.

 

HTML에는 MP3, WAV, OGG의 세 가지 오디오 형식이 지원됩니다.

 

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

Edge / IE	YES	YES*	YES*
Chrome	YES	YES	YES
Firefox	YES	YES	YES
Safari	YES	YES	NO
Opera	YES	YES	YES

 

 

속성

autoplay	autoplay	오디오가 준비되는 즉시 재생되도록 지정합니다.
controls	controls	오디오 컨트롤이 표시되어야 함을 지정합니다(재생/일시 중지 버튼 등)
loop	loop	오디오가 완료될 때마다 다시 시작되도록 지정합니다.
muted	muted	오디오 출력을 음소거하도록 지정합니다.
preload	auto metadata none	페이지가 로드될 때 작성자가 오디오를 로드해야 하는지 여부와 방법을 지정합니다.
src	URL	오디오 파일의 URL을 지정합니다