자바스크립트 audio파일 연속재생 채택완료
망이망소이
4년 전
조회 4,132
아래와 같이 01.mp3를 실행시키다가 끝나면 다음 02.mp3를 플레이시켰는데요. 잘 됩니다.
</p>
<p><script>
function nextPlay(){
document.getElementById('audio_player').src = 'audio/02.mp3';
var media = document.getElementById('audio_player');
media.currentTime = 0;
media.play();</p>
<p>}
</script></p>
<p><audio id="audio_player" src="audio/01.mp3" onended="javascript:nextPlay();" controls autoplay /></p>
<p>
여기에 추가로 하려고 하는것은
1) 03.mp3까지 플레이 추가시키는 방법
2) 03.mp3까지 플레이 끝나면 정지시키는 방법 (현재 02.mp3가 반복되네요)
여러차례 이런저런 시도 하다가 도움 요청드립니다. ^^
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
댓글을 작성하려면 로그인이 필요합니다.
4년 전
아래 소스는 01.mp3부터 03.mp3까지 플레이되고 정지까지 잘됩니다.
다만 이건 audio태그의 플레이바UI 가 안나옵니다.
저는 일시정지를 할 수 있게 UI를 쓰고 싶은데...
참고하실분 있으실까봐 일단...
</p>
<p><script>
var audionameslist = `
audio/01.mp3,
audio/02.mp3,
audio/03.mp3
`;
var audionamesarray = audionameslist.split(',');
var audio = new Audio(audionamesarray[0]);</p>
<p> audio.src=audionamesarray[0];
audio.play();</p>
<p> index=1;
audio.onended = function() {
if(index < audionamesarray.length){
audio.src=audionamesarray[index];
audio.play();
index++;
}
};
</script></p>
<p>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인