윤종신 BEST [CD1] 01.너의 결혼식

 

오디오 리스트 연속 재생

---

처음 play 버튼을 누르면 리스트에 있는 곡이 연속하여 자동 재생 됩니다. 마우스로 다른 곡을 선택하면 곡이 바뀝니다. next 버튼을 누르면 다음 곡으로 넘어갑니다.

---

---

1번곡 2번곡 3번곡

변경 audio.play(); //해당 곡 실행 name.innerHTML = select.options[(select.selectedIndex) % 3].value + '재생중' // 실행 파일 출력 } } function next_click() { if (select.options[select.selectedIndex] == undefined) // 선택을 하지않고 눌렀다면 오류 언급 alert('원하는 곡을 선택 후 클릭하세요') else { //선택을 하고 눌렀다면 해당 선택한 것의 다음 노래를 가져와서 play한다. audio.src = select.options[(select.selectedIndex + 1) % 3].value; audio.play(); name.innerHTML = select.options[(select.selectedIndex + 1) % 3].value + '재생중' } } function nextPlay() { num = (num + 1) % 3 // 곡이 끝나고 num의 값을 증가 시킨 후 해당 배열의 값으로 src를 변경시킨다. (다음 곡 연주를 위해서) audio.src = src[num]; }

이렇게 구현할 수도 있겠죠. 하지만 나만의 디자인과 각 요소를 모두 콘트롤하는 플레이어를 만드는 것을 목표로 해서 작업하겠습니다. 아래와 같이 작업하면 현재의 진행상태와 볼륨상태가 나옵니다.

 

 

사운드플레이어