자바스크립트 audio파일 연속재생

자바스크립트 audio파일 연속재생

QA

자바스크립트 audio파일 연속재생

본문

아래와 같이 01.mp3를 실행시키다가 끝나면 다음 02.mp3를 플레이시켰는데요. 잘 됩니다.


<script>
function nextPlay(){
document.getElementById('audio_player').src = 'audio/02.mp3';
var media = document.getElementById('audio_player');
media.currentTime = 0;
media.play();
}
</script>
<audio id="audio_player" src="audio/01.mp3" onended="javascript:nextPlay();" controls autoplay />

 

여기에 추가로 하려고 하는것은

 

1) 03.mp3까지 플레이 추가시키는 방법

2) 03.mp3까지 플레이 끝나면 정지시키는 방법 (현재 02.mp3가 반복되네요)

 

여러차례 이런저런 시도 하다가 도움 요청드립니다. ^^

이 질문에 댓글 쓰기 :

답변 2

아래 소스는 01.mp3부터 03.mp3까지 플레이되고 정지까지 잘됩니다. 

다만 이건 audio태그의 플레이바UI 가 안나옵니다.

저는 일시정지를 할 수 있게 UI를 쓰고 싶은데... 

참고하실분 있으실까봐 일단...

 


<script>
  var audionameslist = `
          audio/01.mp3,
          audio/02.mp3,
          audio/03.mp3
      `;
      var audionamesarray = audionameslist.split(',');
      var audio = new Audio(audionamesarray[0]);
      audio.src=audionamesarray[0];
      audio.play();
      index=1;
      audio.onended = function() {
          if(index < audionamesarray.length){
              audio.src=audionamesarray[index];
              audio.play();
              index++;
          }
      };
</script>
답변을 작성하시기 전에 로그인 해주세요.
전체 7
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT