3.8.1 audio 태그

HTML5가 등장하기 전에는 오디오 파일이 웹 브라우저에서 구현하기 가장 복잡한 구성 요소였습니다. 하지만 HTML5에서 audio 태그가 추가되면서 이젠 웹 브라우저에서도 손쉽게 오디오 파일을 삽입할 수 있게 됐습니다.

● 문법 형식

audio 태그의 기본 형식은 다음과 같습니다.

<audio src="오디오 파일 경로" controls></audio>

audio 태그는 항상 src 속성과 함께 사용하며, src 속성값에는 삽입하려고 하는 오디오 파일의 경로를 적어 줍니다. 그리고 오디오 컨트롤 패널이 웹 브라우저에 노출되도록 controls 속성을 설정해야 합니다.²

<audio src="Bourree - Joel Cummins.mp3" controls></audio>

그림 3-40 실행결과

코드를 실행하면 웹 브라우저에 내장된 오디오 컨트롤 패널이 화면에 표시됩니다.