본문으로 건너뛰기
실습하기

audio 태그

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

audio 태그 사용법
<audio controls>
  <source src="your-audio.mp3" type="audio/mp3" />
  사용하시는 브라우저가 오디오를 지원하지 않습니다.
</audio>

주요 속성​

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

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


<audio> 태그 사용 유의사항​

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

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

다음 내용이 궁금하다면?

코드프렌즈 PLUS 멤버십 가입 or 강의를 등록해 주세요!