Завершить отрицательное оставшееся время в jPlayer

Question

Мне было интересно, есть ли какой-либо способ внутри плагина jPlayer, где вы можете переопределить оставшееся время текст в пределах jp-duration div. Проще говоря, я просто хочу удалить -, который идет до минут/секунд. Поэтому вместо -03:26 я просто хочу 03:26. Есть ли встроенная функция, которая позволила бы мне это сделать, или какой-нибудь пользовательский скрипт должен быть написан для выполнения того, что я ищу?

JSFiddle

HTML

<div id="jquery_jplayer_1" class="jp-jplayer"></div> 
<div id="jp_container_1" class="jp-audio" role="application" aria-label="media player"> 
    <div class="jp-type-single"> 
     <div class="jp-gui jp-interface"> 
      <div class="jp-volume-controls"> 
       <button class="jp-mute" role="button" tabindex="0">mute</button> 
       <button class="jp-volume-max" role="button" tabindex="0">max volume</button> 
       <div class="jp-volume-bar"> 
        <div class="jp-volume-bar-value"></div> 
       </div> 
      </div> 
      <div class="jp-controls-holder"> 
       <div class="jp-controls"> 
        <button class="jp-play" role="button" tabindex="0">play</button> 
        <button class="jp-stop" role="button" tabindex="0">stop</button> 
       </div> 
       <div class="jp-progress"> 
        <div class="jp-seek-bar"> 
         <div class="jp-play-bar"></div> 
        </div> 
       </div> 
       <div class="jp-current-time" role="timer" aria-label="time">&nbsp;</div> 
       <div class="jp-duration" role="timer" aria-label="duration">&nbsp;</div> 
       <div class="jp-toggles"> 
        <button class="jp-repeat" role="button" tabindex="0">repeat</button> 
       </div> 
      </div> 
     </div> 
     <div class="jp-details"> 
      <div class="jp-title" aria-label="title">&nbsp;</div> 
     </div> 
     <div class="jp-no-solution"> 
      <span>Update Required</span> 
      To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>. 
     </div> 
    </div> 
</div> 

JS

$(document).ready(function() { 

    $("#jquery_jplayer_1").jPlayer({ 
     ready: function(event) { 
      $(this).jPlayer("setMedia", { 
       title: "Bubble", 
       m4a: "http://jplayer.org/audio/mp3/Miaow-07-Bubble.mp3", 
       oga: "http://jplayer.org/audio/ogg/Miaow-07-Bubble.ogg" 
      }); 
     }, 
     swfPath: "http://jplayer.org/latest/dist/jplayer", 
     supplied: "mp3, oga", 
     wmode: "window", 
     useStateClassSkin: true, 
     autoBlur: false, 
     smoothPlayBar: true, 
     keyEnabled: true, 
     remainingDuration: true, 
     toggleDuration: true 
    }); 
});          

Answer 1

К сожалению отрицательное оставшееся время жестко закодирован и не может управляться с помощью опций.

Самым простым решением было бы загрузить jPlayer latest release и изменить dist/jquery.jplayer.js следующим образом:

Замените следующую строку:

durationText = (remaining > 0 ? '-' : '') + this._convertTime(remaining); 

с:

durationText = this._convertTime(duration); 

При желании вы можете Минимизировать измененный файл (например, here).

Наконец, вам нужно будет добавить измененный файл вместо исходной версии на вашу страницу.