동해둘리의 IT Study

HTML5 에서 제공되는 Audio 태그의 함수및 속성값에 대해 알아보겠습니다 w3schools.com 에서 검색해보면 아래와 같이 속성이 몇개 없습니다 하지만 위 속성 이외에도 제어관련된 속성이 몇가지 더 있는데요, 다음과 같습니다. currentTime : 현재 재생중인 위치의 시간값defaultPlaybackRate : 기본 재생 속도playbackRate : 현재 재생 속도volume : 볼륨 사용할 수 있는 함수는 다음과 같다 load() : 지정된 소스를 로드한다(음악/영상)canPlayType() : 재생 가능한지 확인한다play() : 오디오/비디오를 재생한다pause() : 오디오/비디오를 멈춘다 이때, reload() 함수는 제공되지 않는데, Reload 를 하려면 해당 객체의 src ..

IT공부방/HTML5, CSS 2016. 9. 11. 17:54

Audio 엘리먼트의 play 후에, 재생이 종료되었을 때의 이벤트는 onended 이벤트 입니다. 코드내에서 직접 사용할 때에는 아래와 같이 사용하면 됩니다 이벤트 리스너를 이용하여 사용할 때에는 다음과 같이 사용하면 됩니다 function UserFunction(){alert("music ended");} var obTarget = document.getElementById("audio_id");obTarget .addEventListener("ended", function(){ UserFunction(); }); 저의 경우는 코드내에서 사용할때는 onended 이기 때문에 이벤트리스너를 이용할때도 아래와 같이 코딩하는 실수를 자주 범하는 편이라서, 여러분들은 혼동하지 마시기 바랍니다. obTarge..

IT공부방/HTML5, CSS 2016. 9. 9. 14:12