[HTML] audio 사용법

HTML audio

 

audio 태그를 이용하면 문서에 음성 콘텐츠를 사용합니다

 

audio의 속성

<audio src:"/example/sample.mp3" controls muted autoplay loop ></audio>

 

src : source의 약자로 재생할 음성파일의 경로(주소)를 입력하면된다.

autoplay : 자동재생 여부 설정(브라우저 정책상 자동재생이 안될 수 있으니 확인해봐야 된다.)

loop : 반복 여부, 음성파일이 끝나면 자동으로 반복합니다. 

muted : 음소거 여부, 설정시 음성파일이 음소거로 설정 됩니다. 

controls :  조절가능한 컨트롤러가 나옵니다. controls 설정을 안해놓으면 아무것도 안보입니다. 

 

 

audio의 이벤트

(자주 사용하는 이벤트 위주로)

 

play() -> 재생

ended() -> 영상 종료되었을때 

pause() -> 일시 정지

volumechange() -> 볼륨조절

timeupdate() -> 재생시간 바꾸기

 

이벤트의 제어는 js에서 사용합니다. 

 

이벤트 사용법은 다음에 [JS]audio에서 다룰예정입니다.