사운드 사용하기
- 사운드를 HTML 태그로 조절하고 싶을 때
- 사운드를 반복 재생하고 싶을 때
- 사운드 컨트롤 UI를 표시하고 싶을 때
구문
audio 태그는 사운드 파일 재생 멀티미디어 관련 태그입니다. HTML 내 audio 요소를 배치하고 src 속성에 사운드 파일을 지정합니다.
`src`
`controls`
`loop`
`preload`실습
controls 재생이나 일시정지 등의 버튼 사용할 수 있으며, controls를 사용하지 않으면 화면에는 버튼이 표시되지 않습니다. 컨트롤 바는 브라우저에 따라 독자적인 디자인을 가집니다.
<audio src="piano/FX_piano01.mp3" controls></audio>audio 요소의 사운드 반복 재생은 loop 속성을 지정합니다.
<audio src="piano/FX_piano01.mp3" controls loop></audio>페이지를 표시할 때 사운드 데이터를 함께 로드하고 싶은 경우 preload 속성을 설정합니다. 지정 가능한 값은 auto(미리 로드), metadata(메타 데이터만 로드), none(재생 시 로드)이 있습니다.
<audio src="piano/FX_piano01.mp3" controls preload="none"></audio>
기술을 기록하다.