탐색 슬라이더가 이동하지 않고 검색을 업데이트하지 않습니다.

Question

http://www.developphp.com/view.php?tid=1402에있는이 비디오 자습서를 따라 나는 변수를 수정하고 jQuery로 변환했습니다. 탐색 슬라이더가 작동하지 않는 것 같습니다. 콘솔에 오류 메시지가 표시되지 않습니다.

슬라이더를 움직이면 mousemove 또는 mouseup이지만 Slider는 움직이지 않는 이벤트가 발생합니다. 슬라이더를 수동으로 위치로 이동해도 탐색을 업데이트하지 않습니다.

자바 스크립트

var audio, jPlay, jMute, seekslider, seeking = false, seekto, jVolume; 
function init_audio_player(){ 
    audio = new Audio(); 
    audio.src = "/samples/xxxx.mp3"; 

    // Set object references 
    seekslider = document.getElementById("seekslider"); 

    seekslider.addEventListener("mousemove", function(event){ seek(event); }); 
    seekslider.addEventListener("mouseup", function(){ seeking = false; }); 

    function seek(event){ 
     if(seeking){ 
      seekslider.value = event.clientX - seekslider.offsetLeft; 
      seekto = audio.duration * (seekslider.value/100); 
      audio.currentTime = seekto; 
     } 
    } 

} 
window.addEventListener("load", init_audio_player); 

HTML

<a id="jPlay" class="icon-play"></a> 
<a id="jStop" class="icon-stop"></a> 
<input id="seekslider" type="range" min="0" max="100" value="0" step="1"> 
<input id="jVolume" type="range" min="0" max="100" value="100" step="1"> 

Answer 1

seeking라는 변수가 항상 적어도 당신이 여기에 표시 한 코드에 따라 false이다. 따라서 seek() 함수는 아무 것도하지 않습니다. 이 자습서에는 mousedown에 대한 수신기가 있으며 seeking = true;