코딩 스쿨 HTML

1. HTML Audio란?

HTML Audio는 웹 페이지에 오디오 콘텐츠를 포함하기 위해 사용되는 HTML 요소입니다.

2. HTML Audio 태그의 기본 구조

<audio controls>
    <source src="audio.mp3" type="audio/mpeg">
    <source src="audio.ogg" type="audio/ogg">
    오디오를 지원하지 않는 브라우저입니다.
</audio>

3. HTML Audio의 주요 속성

속성	설명	예시
src	오디오 파일의 URL.	<audio src="audio.mp3">
controls	오디오 재생 컨트롤을 표시.	<audio controls>
autoplay	페이지 로드 시 오디오 자동 재생.	<audio autoplay>
loop	오디오가 끝나면 자동으로 다시 재생.	<audio loop>
muted	오디오를 음소거 상태로 재생.	<audio muted>
preload	오디오 로드 방식을 지정 (none, metadata, auto).	<audio preload="metadata">
duration	오디오의 전체 길이를 정의. (읽기 전용)	<audio> 내에서 스크립트로 접근 가능

4. HTML Audio의 예시

<audio controls>
    <source src="audio.mp3" type="audio/mpeg">
    <source src="audio.ogg" type="audio/ogg">
    오디오를 지원하지 않는 브라우저입니다.</audio>

5. 브라우저 호환성

HTML5 오디오 태그는 대부분의 현대 브라우저에서 지원되지만, 브라우저마다 지원하는 오디오 형식이 다를 수 있습니다. 일반적으로 사용되는 형식은 다음과 같습니다:

• MP3: 대부분의 브라우저에서 지원.
• Ogg: Chrome, Firefox에서 지원.
• WAV: Chrome, Firefox, Safari에서 지원.

브라우저 호환성을 고려하여 여러 형식의 오디오 소스를 제공하는 것이 좋습니다.

6. 결론

HTML Audio 태그는 웹 페이지에 오디오 콘텐츠를 포함하는 강력한 도구입니다.