재생이 끝나면 오디오 플레이어 아이콘 변경

Question

코드를 사용하여 audio 태그의 스타일을 지정하는 코드를 사용하고 있습니다.

원본 코드는 한 명의 플레이어에서만 작동하므로 동일한 페이지의 여러 플레이어와 작동하도록 변경되었습니다. 이 작동하고 클릭 한 아이콘에 따라 올바른 wav 파일을 재생합니다.

내 문제는 한 번 특정 wav 파일을 재생할 때 아이콘이 원래 play 상태로 돌아 가지 않으면 완료됩니다.

여기에 FIDDLE을 작성했습니다. 이는 내가 의미하는 바를 보여줍니다.

$('#player' + id).on('ended', function() { 
     console.log ('ended') 
    $('#speaker' + id).removeClass('speakerplay'); 
    /*When the audio has finished playing, remove the class speakerplay*/ 
    audiostatus = 'off'; 
    /*Set the status back to off*/ 
    }); 

나는 문제가 ID가없는 알고 때문이라고 생각하거나이 선수 ID의

사람 중 하나 일 수 있습니다

이

플레이가 다시 종료 될 때 내가 사용 JQuery와있다 어떻게하면이 문제를 해결할 수 있을까요?

감사합니다.

Answer 1

나는 그것을 고쳐 놨습니다. 작업을 보여주는

$('[id^="player"]').on('ended', function() { 
    id = this.id.replace('player','') 
    $('#speaker' + id).removeClass('speakerplay'); 
    audiostatus = 'off'; 
}); 

새로운 FIDDLE.