2017-01-13 3 views
1

Ich habe ein Problem im Zusammenhang jplayer. Ich benutze jplayer für Play-Song in meiner Website jetzt bin ich holen Song mit Ajax Anruf und fügen Sie diesen Song in Jplayer Playlist und jetzt funktioniert es gutpreload nächsten Song vor Ende des aktuellen Songs

meine Frage ist, gibt es keine Option, nächste Lied vor Ende der aktuellen bereit Song, denn wenn ich es mit weniger als 1 Minute Song es funktioniert gut, aber wenn ich jede Song-Dauer mehr als 4 Minuten dauert seine 3 bis 4 Sekunden zum Laden neuer Song

Dies ist mein Code für das Laden von Songs in Jpalyer Playlist

// for create jplayer and add song in playlist 
 
function play_music(songobj) { 
 
    is_play = 1; 
 
    // $("#jquery_jplayer_1").jPlayer("destroy"); 
 
    var playlist_length = songobj.length; 
 
    myPlaylist = new jPlayerPlaylist({ 
 
     jPlayer: "#jquery_jplayer_1", 
 
     cssSelectorAncestor: "#jp_container_N" 
 
    },songobj, { 
 
     playlistOptions: { 
 
     enableRemoveControls: true, 
 
     autoPlay: true 
 
     }, 
 
     supplied: "oga, mp3", 
 
     wmode: "window", 
 
     useStateClassSkin: true, 
 
     autoBlur: false, 
 
     smoothPlayBar: true, 
 
     keyEnabled: true, 
 
     ended : function(){ 
 
     if(playlist_length == currlength){ 
 
       // alert('end playlist'); 
 
       is_play = 0 
 
       location.reload(); 
 
       } 
 
       else{     
 
       /*if(==){ 
 
        console.log('yesssssss'); 
 
       }*/ 
 
       // console.log(play_index[index_key]); 
 
       // console.log(playlist_obj[currlength]); 
 
       loop = 1; 
 
       currlength += 1; 
 
       var songindex = song_index[currlength - 1]; 
 
        var listindex = playlist_obj[index_key]; 
 
        if(song_index[currlength - 1] == playlist_obj[index_key]){ 
 
        index_key += 1; 
 
        $("#jquery_jplayer_1").jPlayer("pause", 0); 
 
        console.log('playlist over start next'); 
 
        setTimeout(function() { 
 
         $("#jquery_jplayer_1").jPlayer("play", 0); 
 
        }, $('#timeout').val()*1000); 
 
        } 
 
       } 
 

 
      }, 
 
      }); 
 
    }

auch wenn es irgendwelche Optionen für die Vorbelastung alle Song vor dem Spiel, bitte leite mich ist das sehr wichtig für mich dank

+0

Können Sie Ihre .mp3 und .ogg URLs, die Sie verwenden, und welchen Browser? –

Antwort

1

Hinter den Kulissen ihre nur eine Audioquelle für Playlist selbst ist. jPlayer & jPlaylist sind nur Wrapper.

Das bedeutet, dass Sie den nächsten Song nicht laden können, bevor der aktuelle endet, da dies eine Änderung der Audioquelle erfordern würde, die den Song ändern würde.

Ihr ist nicht eingebaut, um dies zu tun. Vielleicht ist es eine Möglichkeit, einen weiteren versteckten jPlayer auf der Seite zu haben und den nächsten Song zu laden und die Daten irgendwie zu kopieren, ohne geladen zu werden, aber ich bin mir nicht sicher und du solltest das wahrscheinlich nicht einmal tun müssen.

3-4 Sekunden Last scheinen zwar seltsam, es wird nur die Metadaten als Standard und in dem unten stehenden Beispiel für einen 5-min + Song es 46KB ist geladen werden soll ...

Vielleicht etwas falsch mit Ihrem .mp3 sie ist .ogg URLs. Kannst du sie posten?

Dies lädt sofort zum Beispiel: http://jsfiddle.net/Ls8p90y9/175/

$("#jquery_jplayer_1").jPlayer({ 
    ready: function() { 
     $(this).jPlayer("setMedia", { 
      title: "Bubble", 
      mp3: "http://www.jplayer.org/audio/mp3/Miaow-01-Tempered-song.mp3" 
     }); 
    }, 
    timeupdate: function(event) { 
     $("#jp_container_1 .jp-ball").css("left",event.jPlayer.status.currentPercentAbsolute + "%"); 
    }, 
    supplied: "mp3", 
}); 

Versuchen mit der Vorbelastung Option Messing:

Vorspannung

String: (Standard: "Metadaten"): Gültig Die Werte sind "none", "metadata" und "auto", was dem HTML5-Draft-Standard entspricht. Verwenden Sie "auto", um die Datei vorab zu laden. Preload ist ein Hinweis für den Benutzeragenten, kein Befehl. Einige Browser ignorieren diese Option.

+0

mein Lied onject ist wie mp3: "http://000.000.000.000//uploads/songs/Teri_Fariyad_(Tum_Bin_2_Ringtone)2.mp3" titel: "Teri_Fariyad_ (Tum_Bin_2_Ringtone) 2.mp3" –

Verwandte Themen