안녕하세요 초보 개발자입니다. audio 태그를 이용해서 플레이어 제작중인데 질문이 많습니다 ㅠㅠ

Question

$( function() { var count = 0; var target = $('.maintest'); var list_num = 1; var play_num = 1; var list = new Array(); var mlist = '

'+ ''+ ''+ ''+ ''+ ''+ '

'; target.append(mlist); var source = ''; var audio = '

'; target.append(audio); var testaudio = document.getElementById('testaudio'); $("#mlist source").each(function(i) { list_num = 1+i; list[list_num] = $(this).attr("src"); console.log(list_num); console.log('list[list_num]:'+list[list_num]); $('#mlist').remove(); }); console.log('list[list_num]:'+list); document.getElementById('testsource').src = list[1]; testaudio.addEventListener('ended', function(){ var zz = play_num + 1; if(zz > list_num){ zz = 1; } document.getElementById('testsource').src = list[zz]; console.log('currentTime:'+Math.floor(list.currentTime)); console.log('currentTime:'+Math.floor(testaudio.currentTime)); testaudio.load(); if(count < 4){ testaudio.play(); } count ++; play_num = zz; if(count == 5){ count = 0; } }); }); 위에 코드는.. 플레이를 누르면 음원파일 재생 종료시 다음 음원파일을 src를 변경해서 5개 음원파일을 순차적으로 재생하고 있습니다 여기까진 했는데..다음 문제는 이것들의 재생상태를 표시하는 진행 바를 만들어서 조작 가능하게 해줘야하는데..재생바는 저 음원들 각자의 총 재생시간을 전부 더해서 표시를 해줘야 하는데..플레이어의 currentTime / duration으론 현재 세팅되어 있는 음원의 총 시간만 계산이 가능하니..방법을 모르겠습니다.. 머리가 나쁜건지..아니면 저렇게 할게 아니라 플레이어.. audio태그를 각자 5개를 만들어주고.. 그 값을 가지고.. 총시간을 구해야 하는건지... 도움이 필요합니다.. 아! 지금 하려는건 5개 음원파일을 하나처럼 플레이어 하나에서 작동 시키려고 합니다..

TeraGo · Answer

이미 들고올 오디오가 몇개인지다 알고 계시니 var a &#61; 0 으로 시작해서 for 문 돌리시면 됩니다. for 문 돌면서 해당 오디오의 메타데이터가 로드가 되면 a 에 1 번 오디오의 총시간을 더하고 나머지는 동일합니다.

만원을찾아서 · Answer

답변 주셔서 감사합니다!!

안녕하세요 초보 개발자입니다. audio 태그를 이용해서 플레이어 제작중인데 질문이 많습니다 ㅠㅠ

2개의 답변

Q&A 목록