jPlayer를 트랙 끝 부분에 유지하십시오.

standard jPlayer demo에 나와 있듯이 트랙이 끝나면 플레이어는 시간을 0으로 재설정합니다. 트랙 끝 부분에 머물게 할 수있는 방법이 있습니까?jPlayer를 트랙 끝 부분에 유지하십시오.

2012-07-16 mahemoff

playHead 메서드와 함께 ended() 이벤트를 사용하여 끝날 때 재생 헤드를 끝까지 유지합니다. 예를 수정

는

, 여기에 내가 가진 무엇 :

$(document).ready(function() { 

    $("#jquery_jplayer_1").jPlayer({ 
     ready: function(event) { 
      $(this).jPlayer("setMedia", { 
       mp3: "http://www.jplayer.org/audio/mp3/TSP-01-Cro_magnon_man.mp3", 
       oga: "http://www.jplayer.org/audio/ogg/TSP-01-Cro_magnon_man.ogg" 
      }); 
     }, 
     swfPath: "http://www.jplayer.org/2.1.0/js", 
     supplied: "mp3, oga", 
     ended : function(){ 
      console.log("ended"); 
      $(this).jPlayer("playHead",100); 
     } 
    }); 
});

JSFiddle :http://jsfiddle.net/wjsKa/2/
참조 : 당신이 원하는대로 코드를 조정할 수 있도록http://jplayer.org/latest/developer-guide/

출처

2012-07-16 19:18:42 xbonez

JSFiddle 데모를 보내 주셔서 감사합니다. 그것은 좋은 해결책이지만 플레이어가 100 %에서 0 %로 이동하고 다시 100 %로 이동할 때 눈에 띄는 플래시가 발생하는 경우 플레이어를 구성하는 더 직접적인 방법이 있기를 바랍니다. 특히 진행률 표시 줄에 CSS 애니메이션이 사용됩니다. 그러나 다른 접근법이 없다면 이것은 확실히 실행 가능합니다. – mahemoff

또 다른 일은 250ms마다 발생하는'$ .jPlayer.event.timeupdate' 이벤트를 사용하는 것입니다. 전체 길이에 비례하여 미디어의 현재 위치를 모니터링합니다. 끝까지 터치하기 바로 전에 재생을 중지 할 수 있습니다. 미디어 결말을 모방합니다. – xbonez

jPlayer는 오픈 소스이다. jquery.jplayer 소스를 가져 와서 jquery.jplayer.js에서 973 및 974 줄을 제거하는 것이 좋습니다. 그런 다음 자신 만의 복사본을 저장하고 원하는 경우 압축합니다.

_updateInterface 메서드로 재생할 수 있으므로 "ended" event handler에서 호출 할 때 탐색 표시 줄이 이동하지 않습니다.

불완전한 답변을 드려 죄송합니다. 지금은 테스트 할 수 없습니다.

출처

2012-08-14 16:25:12 Dmitriy

jPlayer를 트랙 끝 부분에 유지하십시오.

답변

관련 문제