[HTML] HTML<audio> 오디오올리기, audio태그와 속성

<audio>

<audio> 태그는 소리를 삽입할 수 있는 태그로 source태그와 src속성을 이용하여 좌표를 지정해준다.

video 태그를 삽입할 때와 비슷하다.

<audio controls="controls">
    <source src="horse.mp3" type="audio/mp3" />
    <source src="horse.ogg" type="audio/ogg" />
</audio>

 

AUDIO태그의 속성

• src : 오디오 파일의 주소
• controls : 컨트롤러 표시
• autoplay : 자동 재생
• loop : 반복 재생
• width : 가로길이
• height : 세로길이
• muted : 음소거
• type : 타입 지정 (오디오 파일의 맞는 타입을 선언해 두는것을 권장)

 

예제

 

예제 코드

<audio controls>
  <source src="https://www.w3schools.com/html/horse.ogg" type="audio/ogg"/>
</audio>