再生中にオーディオと共に移動する範囲スライダを取得できません

Question

私はJqueryで作成したMP3プレーヤーがあります。私は偉大だったチュートリアルに従ったが、プレイヤーはスクラブを持っていなかった、あなたが変更することができなかったプログレスバー。研究では、うまく動作するスクラブ用のコードがいくつか見つかりました。それは問題ありません。しかし、スライダはオーディオの再生に合わせて動きません。私は別の場所から多くの異なるコードを試しましたが、何も動作していないようです。私の最近の試みは次のようになります（これは最後の行です）。

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は次のようになります。私は多分私はMIN、MAX、値が変化するから、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').val(valueSlider);