2014-04-22 2 views
0

chrome.It에서 HTML5 오디오 플레이어를 실행하는 데 문제가 있습니다. IE 9 이상 및 Firefox에서 제대로 작동합니다. 내가 전달 및 F7에 오디오 플레이어를 되 감는 자바 스크립트 함수를 & F8 키 언론, IE와 FF에서 그 woring 괜찮아요하지만 몇 가지 이유로 Chrome에서 작동하지 않습니다. 다음은 코드입니다.HTML5의 오디오 플레이어가 크롬에서 제대로 작동하지 않습니다 (앞으로 감기 및 되감기 재생)

$(document).keydown(function (e) { 

    if (e.keyCode == 118) { rewindAudio(); return false; } 
    else if (e.keyCode == 119) { forwardAudio(); return false; } 
} 

    // Rewinds the audio file by 30 seconds.   
    function rewindAudio() {    

     // Check for audio element support. 
     if (window.HTMLAudioElement) 
      { 
       try { 
         var oAudio = audioPlayerInFocus[0]; 
         oAudio.currentTime -= 1.0; 
       } 
       catch (e) { 
        // Fail silently but show in F12 developer tools console 
        if (window.console && console.error("Error:" + e)); 
       } 
      } 
     } 

// Fast forwards the audio file by 1 seconds. 
function forwardAudio() { 

    // Check for audio element support. 
    if (window.HTMLAudioElement) { 
     try { 
      var oAudio = audioPlayerInFocus[0 
      oAudio.currentTime += 1.0; 
     } 
     catch (e) { 
      // Fail silently but show in F12 developer tools console 
      if (window.console && console.error("Error:" + e)); 
     } 
    } 
} 

은 내가 currentTime을이 구문의 실수 나 브라우저 관련 문제에 chrome.Is에서 변경되지 않은 의심? 고마워, 도와주세요.

+1

'var oAudio = audioPlayerInFocus [0'은 구문 오류입니다. 또한, 'audioPlayerInFocus'가 무엇인지 알려주세요 – blint

답변

0

다음 코드는 내가 나를 위해 테스트 한 모든 브라우저에서 작동 - fiddle :

<audio controls> 
    <source src="sample/one.mp3" type="audio/mpeg"> 
</audio> 

<script type="text/javascript"> 
$(document).on('keydown',function(e) { 
if (e.keyCode == 82) { 
    console.log('r key = rewind'); 
    rewindAudio(); 
} 
else if(e.keyCode == 70){ 
    console.log('f key = forward'); 
    forwardAudio(); 
} 
}); 

function rewindAudio() {    
    console.log('rewindAudio'); 
    oAudio = $('audio')[0]; 
    oAudio.currentTime -= 1.0; 
} 
function forwardAudio() {    
    console.log('forwardAudio'); 
    oAudio = $('audio')[0]; 
    oAudio.currentTime += 1.0; 
} 
</script> 

나는 사람들이 F7 key와 특정 디자인을 가지고 읽었습니다.

HTML5 오디오 지원을 감지하는 보조 노트에서 나는 보통 here에 설명 된 기능을 사용합니다.

+0

도움을 주셔서 감사합니다. 그러나 여전히 작동하지 않습니다 ... Chrome에서 코드를 디버깅했습니다 ... 현재 시간이 변경되었지만 페이지의 오디오 플레이어에 반영되지 않았습니다 ... –

+0

나는 당신이 겪고있는 것을 시도하고 재현 할 수 있도록 당신이 문제에 대한 실제적인 수수께끼를 제공해야한다고 생각합니다. –