Q. jquery를 이용하여 audio를 자동으로 반복해서 재생하는 방법?

국수한사발 2019. 01. 24.

안녕하세요 유튜브를 보며 혼자 독학하다가 도저히 모르겠어서 질문 올립니다!

jquery로 start 버튼을 클릭하면 audio가 재생되고 stop 버튼을 누르면 audio가 꺼지는

기능을 만드는 중인데 stop 버튼을 누르기전까지는 audio가 반복해서 재생되게 만들고 싶은데

어떻게 하는지 모르겠어요 ㅠㅠ

var myAudio = new Audio("../sound/water009.wav");

$('#start-btn').on('click',function(){

myAudio.play();

});

$('#stop-btn').on('click',function(){

myAudio.pause();

myAudio.currentTime=0;

});

#웹
공유하고 보상받기 ♥︎
댓글 0

1개의 답변이 있습니다.

질문자 & 큐레이터 채택
으라라차차 답변자인증
2019. 01. 24
100%의 채택 
$('#start-btn').on('click',function(){
  myAudio.play();
});

$('#stop-btn').on('click',function(){
  myAudio.pause();
  myAudio.currentTime=0;
});

$(audio).on('ended',function(){
  myAudio.currentTime=0;
  myAudio.play();
});

오디오가 종료되면 ended 이벤트가 실행됩니다. 이를 이용해서 다시 플레이 시켜줍니다.

댓글 0