재생하는 동안 오디오와 함께 이동하는 범위 슬라이더를 가져올 수 없습니다.

Question

Jquery로 만든 mp3 플레이어가 있습니다. 나는 훌륭한 튜토리얼을 따라 갔지만 플레이어는 닦지 않았고, 변경할 수없는 진도 바를 가지고있었습니다. 연구 할 때, 잘 작동하는 스크러빙 코드를 발견했습니다 :

$("#seek").bind("change", function() { 
    audio.currentTime = $(this).val(); 
    $("#seek").attr("max", audio.duration); 

}); 

괜찮습니다. 그러나 슬라이더는 재생되는 오디오와 함께 움직이지 않습니다. 다른 곳에서 많은 코드를 시도했지만 아무 것도 작동하지 않는 것 같습니다. 최근 시도는 다음과 같습니다 (작동하지 않는 마지막 줄입니다).

function showDuration(){ 
$(audio).bind('timeupdate', function(){ 
    //Get hours and minutes 
    var s = parseInt(audio.currentTime % 60); 
    var m = parseInt((audio.currentTime/60) % 60); 
    //Add 0 if seconds less than 10 
    if (s < 10) { 
     s = '0' + s; 
    } 
    $('#duration').html(m + '.' + s); 
    var valueSlider = 0; 
    if (audio.currentTime > 0) { 
     valueSlider = Math.floor((100/audio.duration) *  
     audio.currentTime); 
    } 
    $('#seek').html('value',valueSlider); 
}); 
} 

모든 내용은 마지막 줄을 제외한 기간 표시에만 해당됩니다. 오디오 기간과 일치하도록 슬라이더의 값을 변경하려고 추가했습니다. 나는 또한 시도했다 :

$('#seek').attr('value',valueSlider); 

슬라이더에 대한 나의 HTML은 다음과 같습니다 : 나는 어쩌면 내가 최소, 최대, 값이 변경에서 jQuery를 방지하고 위해 퍼팅 된 값을 생각

<div id="tracker"> 
     <input id="seek" type="range" min="0" max="100" value="0"/> 
     <span id="duration"></span> 
    </div> 

그것은 동적으로,하지만 아무것도 넣지 않으면 여전히 작동하지 않습니다.

무엇이 누락 되었습니까?

Answer 1

당신은 값을 변경 세터로 jQuery의 val()를 사용하므로이

$('#seek').html('value',valueSlider); 

에

$('#seek').val(valueSlider);