2015-05-08 3 views
1

У меня есть вопрос о jplayer.jplayer как отобразить «буферизующий» текст

это мой код:

$("#jquery_jplayer_1").jPlayer({ 
     ready: function() { 
      $(this).jPlayer("setMedia", { 
       title: "Alin", 
       artist: "song", 
       mp3: "utl" 
      }); 
     }, 
     solution: 'html, flash', 
     cssSelectorAncestor: "#jp_container_1", 
     swfPath: "/res/vendor/jPlayer/dist/jplayer/", 
     supplied: "mp3", 
    }); 

    $("#jquery_jplayer_1").bind($.jPlayer.event.seeking, function(e){ 
     if($(".jp-title span").length <= 0){ 
      $(".jp-title").prepend('<span><i class="fa fa-refresh fa-spin"></i></span>'); 
     } 
    }); 

    $("#jquery_jplayer_1").bind($.jPlayer.event.seeked, function(e){ 
     $(".jp-title span").remove(); 
    }); 



    $("#jquery_jplayer_1").bind($.jPlayer.event.timeupdate, function(e) { 
     if (this.value === 0){ 
      alert(1); 
     } 
    }); 

Я хочу, чтобы показать «Буферизация» текст если музицирование паузу из-за медленный интернет. На самом деле я хочу поймать событие, когда воспроизводящий звук временно приостанавливается, а для буферизации, а затем автоматически воспроизводится, когда достаточно буферизированных данных.

так:

enter image description here

благодаря

ответ

0
$("#jquery_jplayer_1").bind($.jPlayer.event.progress, function (event){ 
    // If media loading is complete 
    if (event.jPlayer.status.seekPercent === 100){   
    $(".jp-title .jp-title-loading").remove(); 

    // Otherwise, if media is still loading 
    } else { 
     if($(".jp-title .jp-title-loading").length == 0){ 
      $(".jp-title").prepend('<div class="jp-title-loading">Loading...</div>'); 
     } 
    } 
}); 
+1

извините, это не работает, я имею в виду, когда музыка буфера (или сеть не хорошо), шоу «загрузка .. . ", не нажимайте кнопку« пауза ». – Mahonlee