Javascript - 사용자가 모바일 알림 컨트롤에서 재생/일시 중지를 누를 때 기본 동작을 무시하려면 어떻게해야합니까?

Question

라이브 스트리밍 오디오 용 웹 사이트를 구성하고 있습니다. 그것은 HTML 오디오 요소와 일부 사용자 정의 javascript/jquery 컨트롤을 사용하여 일시 중지시 버퍼 및 변경 버튼을 중지합니다.

Android에서 Chrome에서 오디오를 재생할 때 재생 일시 중지 버튼이 알림에 표시됩니다. 마찬가지로 iOS 기기에는 브라우저 외부에 미디어 컨트롤이 있습니다.

사용자가 재생 - 일시 중지 명령은 오디오 요소에 직접 전송됩니다 이러한 컨트롤을 누르면

(내가 설정 한 컨트롤을 우회.)

를 내가이 명령을 차단하고 대신 내 사용자 정의 함수를 호출 어떻게해야합니까?

내 재생 제어가 실행이 기능 :

function startAudio() { 
    // add number to get var to force fresh load each time 
    i++; 
    $("#audioPlayer").attr("src",source + "&nocache=" + i).trigger("play"); 
    $("#playpause").removeClass('playing paused').addClass('loading'); 
    audioPaused = false; 
} 

내가 시도 :

audioElem.onplay = function() { 
startAudio() 
} 

그러나 당신이 기대하는 것처럼, 이것은 단지 게임부터 무한 루프의 원인이 startAudio 내에서()가 호출됩니다.

컨텍스트의 경우 : 일시 중지하면 일시 중지 된 상태에서 실시간 스트리밍이 계속로드되지 않도록 오디오 소스가 제거됩니다. 다시 시작할 때 소스 URL에 매번 증가하는 숫자를 추가하여 새로운로드가 강제됩니다. 이 작업을 수행하는 더 좋은 방법이 있습니까?

Answer 1

재생 및 일시 중지 이벤트가 여기에 있습니다. 대한 jQuery http://www.w3schools.com/tags/av_event_pause.asp