Howler.js時間的onload

Question

我有以下腳本，使用howler.js和jQuery-UI-1.8.21.custom.min.js：

$(function(){ 
    var sounduser1 = new Howl({ 
     urls: ['studio/keysintheair.mp3', 'studio/keysintheair.ogg'], 
     buffer:true, 
     volume: 1.0, 
     onend: function() { 
      $('.buttons').fadeIn(); 
     }, 
    }); 
    var sounduser2 = new Howl({ 
     urls: ['studio/keysintheair-original.mp3'], 
     buffer:true, 
     volume: 0.1, 
    }); 

    var thisArray = { 
     user1: sounduser1, 
     user2: sounduser2 
    }; 

    $.each(thisArray, function(key,value) { 
     $('.buildplayer .player').clone().attr('id',key).appendTo('#song'); 
     $('#song .player:last .waveform').css("width", value._duration + "px"); 
     $('#song .player:last .slider').slider({ 
      value: value.volume() * 100, 
      range: "min", 
      animate: true, 
      orientation: "horizontal", 
      //Slider Event 
      slide: function(event, ui) { //When the slider is sliding 
       var now_id = $(this).parent().parent('.player').attr('id'); 
       thisArray[now_id].volume(ui.value/100); 
      }, 
     }); 
    }); 

    $('.mainplayer .trackslider').slider({ 
     value: 0, 
     range: "min", 
     animate: true, 
     orientation: "horizontal", 
     //Slider Event 
     slide: function trackslider(event, ui) { //When the slider is sliding 
      var audiogetlength = Object.keys(thisArray).map(function (key) { return thisArray[key]._duration; }); 
      var longest = Math.max.apply(null, audiogetlength); 
      var dividedlength = 100/ui.value; 
      $.each(thisArray, function(key, value) { 
       value.pos(longest/dividedlength); 
       if (ui.value > value._duration) { 
        value.stop(); 
       } 
      }); 
     }, 
    }); 

    setInterval(function starttrackslider() { 
     var dividedslider = sounduser1._duration/sounduser1.pos(); 
     $('.trackslider').slider('value', 100/dividedslider); 
    },1000); 

    //Single Audio Track Player 
    $('.ex1-play').on('click', function(){ 
     var now_id = $(this).parent().parent('.player').attr('id'); 
     thisArray[now_id].stop().play(); 
    }); 
    $('.ex1-stop').on('click', function(){ 
     var now_id = $(this).parent().parent('.player').attr('id'); 
     thisArray[now_id].stop(); 
    }); 
    $('.ex1-loop').on('click', function(){ 
     var now_id = $(this).parent().parent('.player').attr('id'); 
     thisArray[now_id].loop(true); 
    }); 

    //Main All Track Player 
    $('.main-play').on('click', function(){ 
     $.each(thisArray, function(key, value) { 
     value.stop().play(); 
     $('.buttons').fadeOut(); 
     }); 
    }); 
    $('.main-pause').on('click', function(){ 
     $.each(thisArray, function(key, value) { 
     value.pause(); 
     }); 
    }); 
    $('.main-stop').on('click', function(){ 
     $.each(thisArray, function(key, value) { 
     value.stop(); 
     $('.buttons').fadeIn(); 
     }); 
    }); 
    $('.main-loop').on('click', function(){ 
     $.each(thisArray, function(key, value) { 
     value.loop(true); 
     }); 
    }); 

}); 

截至$('.mainplayer .trackslider').slider({ });的最後一部分，你會發現if (ui.value > value._duration) {value.stop();}

value等於哈爾稱爲sounduser2

兩個audiotracks在同一時間開始。使用滑塊可以讓我跳過音頻。滑塊將具有最長的錄音棒的長度 - 這就是叫做sounduser1的哈爾。使用滑塊將返回一個數字，它將激活音頻的位置。

如果滑塊返回的數字大於錄音棒的實際長度，則應該停止較短的錄音棒。

出於某種原因，它不會停止播放，儘管情況是正確的。有沒有人知道該怎麼做？

Answer 1

$('.mainplayer .trackslider').slider({ 
     value: 0, 
     range: "min", 
     animate: true, 
     orientation: "horizontal", 
     //Slider Event 
     slide: function (event, ui) { //When the slider is sliding 
      var audiogetlength = Object.keys(thisArray).map(function (key) { return thisArray[key]._duration; }); 
      var longest = Math.max.apply(null, audiogetlength); 
      var dividedlength = 100/ui.value; 
      $.each(thisArray, function(key, value) { 
       var percentvalue = (value._duration/longest)*100; 
       if (percentvalue > ui.value) { 
        if (value.pos()==0) { 
         value.play().pos(longest/dividedlength); 
        } else { 
         value.pos(longest/dividedlength); 
        } 
       } else { 
         value.stop(); 
       } 

      }); 
     } 
    }); 

的伎倆