004 - Audio Player 활용 하여 음원 재생하기

HTML5에서 음원을 재생하기 위해 사용되는 Tag 입니다.

 

Audio Tag 이며

 

예제 와 같이 선언하여 사용할 수 있습니다.

 

Audio Tag의 활용 가능한 속성들이 많이 있는데

 

예제와 같이 대표적으로 contorls autoplay loop 가 있습니다.

 

Audio Tag를 이용하여 음원 Player를 만든다고 하면

 

단순히 위의 기능들만 가지고 만들수가 없습니다.

 

Audio Tag에는 음원이 재생중이거나 일시정지, 음원 재생이 완료가 되었을때 

 

각 상황에 맞는 Event 를 Callback 함수를 이용하여 얻어올 수 있습니다.

 

 

 

See the Pen 002 - Audio Player 활용 by Keun (@kwyuk) on CodePen.