본문으로 건너뛰기

<audio> 태그

audio 태그

<audio> 태그를 사용하면 웹페이지에서 mp3, wav와 같은 오디오 파일을 재생할 수 있습니다.

audio 태그 사용법
<audio controls>
<source src="your-audio.mp3" type="audio/mp3" />
여러분의 브라우저는 audio 태그를 지원하지 않아요.
</audio>

주요 속성

  • controls: 오디오 재생, 일시정지, 볼륨 조절 등을 할 수 있는 컨트롤러 표시

  • <source>: 오디오 파일의 경로와 타입 지정


<audio> 태그 사용 유의사항

  1. 대체 텍스트: audio 태그 사이에 작성한 문구는 오디오를 지원하지 않는 브라우저에서 보여질 내용을 정의합니다.

  2. 용량 고려: 용량이 큰 오디오 파일은 웹 페이지의 로딩 시간에 영향을 줄 수 있습니다. 따라서 가능한 크기가 작은 오디오 파일을 사용하는 것이 좋습니다.

다음 내용이 궁금하다면?

월 12,500원 PLUS 멤버십 가입 or 강의를 등록해 주세요!