자바스크립트 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>
답변을 작성하시기 전에 로그인 해주세요.
