HTML5 AudioPlayer 이벤트 동작 '종료 됨'이 두 번 이상 호출되고 있습니다.

Question

HTML5 오디오 플레이어로 작업하고 있습니다. 나는 재생 목록을 구현 중입니다. 다음 오디오 미디어 파일을 재생하기 위해 '종료 된'이벤트 동작을 사용하고 있습니다. 그러나 미디어 파일의 끝에서 '종료 됨'이벤트가 두 번 이상 발생합니다.

//Event Listener 
function addPlayerListener() { 
    console.log("Recording Index: "+combinedSessionIndex); 

    var audio = document.getElementById("playarea"); 
    audio.addEventListener('ended', function() { 

     sessionsToPlay = $("#audio_files").val().split(','); 

     console.log ("In Recording End Event Listener...!!!"+combinedSessionIndex); 
     //It Shows Length '1' not '0' 
     if (sessionsToPlay.length == 1) { 
      console.log("Returned Due to Session To Play length..!!!") 
      return; 
     } 

     //As CombinedSessionIndex Starts with 1 
     if (combinedSessionIndex == sessionsToPlay.length) { 
      console.log("Returned Due to All Session To Play Got Finish..!!!") 
      $("#audio_files").val(""); 
      sessionsToPlay = []; 
      combinedSessionIndex = 0; 
      return; 
     } 

     var filePath = '${properties["RECORDED_SESSION_RETREIVAL_PATH"]}'; 
     filePath = filePath + sessionsToPlay[combinedSessionIndex] + ".mp4"; 
     combinedSessionIndex++;  
     audio.src = filePath; 
     audio.play(); 
    }, false); 
} 

그래서

, 특정 미디어 파일이 종료되면, 그 다음에 미디어 파일을 건너 뛰고 후 (다음 재생을 시작 : (. 내가 로그 메시지가 두 개 이상의 시간이 나타나는)

를이 내 이벤트 리스너입니다 1,2) 파일을 건너 뜁니다. 건너 뛴 미디어 파일마다 컨트롤은 이벤트 리스너에서 제공되며, 단일 호출이 끝나는 동안 이벤트 리스너가 반복적으로 호출 중임을 보여줍니다. 이 코드에 의해 오디오 파일을 재생할 처음

:

//PlayBack Session 
function play(data) { 

    //Just to deal with a scenario that when we play a combined session and in the mean while we start listening any other single 
    //session, then after completion of this single session, remaining previous combined session should not resume. 
    //console.log("Re-setting Player ...!!!"); 
    //$("#audio_files").val(""); 
    //sessionsToPlay = []; 
    //combinedSessionIndex = 0; 

    var filePath = '${properties["RECORDED_SESSION_RETREIVAL_PATH"]}'; 
    filePath = filePath + data + ".mp4"; 
    console.log("filePath: " + filePath); 
    if (data == null || data == "") { 
     alert("Nothing to Play ...!!!"); 
     return; 
    } 
    $("#playarea").attr({ 
     "src": filePath, 
     "autoplay": "autoplay" 
    }) 
} 

그리고이 종료, 더 클립입니다 재생하여 '종료'이벤트 리스너 후

.

이유를 찾을 수 없습니다. 내가 틀린 일을하면 저를 안내해주십시오.

미리 감사드립니다. :)

Answer 1

Ahh. 끝난 이벤트 리스너를 자주 등록했습니다 (사용자가 재생 버튼을 누를 때마다 한 번만해야 함). 그것이 내가 한 번 이상 '끝난'사건을 겪고 있었던 이유입니다. 'Ended'이벤트에 등록한 횟수만큼 실제로 'Ended'이벤트 액션을 생성합니다.

한번 생각해 보지 않겠습니까? 왜냐하면 우리의 목적은 미디어 파일이 끝날 때 알려주는 것이기 때문입니다. 우리가 여러 번 등록했지만 여러 번 알려주는 논리는 없습니다.