Bonjour.
Je viens de dev un lecteur audio avec playlist.
Il marche plutot bien, mais le petit soucis c’est que sur chrome, souvent il se coupe en pleins milieur
et dans la console j’obtiens "Failed to load resource "
Je ne sais pas quoi faire pour y remédier. Merci de votre aide.
$(document).ready(function() {
var audio = document.getElementById('player'),pos = null,durationTotal = null;
$('li').on('click', function(e) {
src = $(this).attr('id');
pos = $(this);
playPause(src,pos,audio);
});
$('.next').click(function(e){
pos = $(".select_music").next('li');
src = pos.attr('id');
playPause(src,pos,audio);
});
$('.play').click(function(e){
if(!audio.paused){
$('.play').css("background","url(../img/play.jpg) center center no-repeat");
audio.pause();
}
else {
$('.play').css("background","url(../img/pause.png) center center no-repeat");
audio.play();
}
});
$('.before').click(function(e){
pos = $(".select_music").prev('li');
src = pos.attr('id');
playPause(src,pos,audio);
});
});
function playPause(src,e,audio) {
$(".current_time").text('0.00');
$('li').removeClass("select_music");
e.addClass("select_music");
audio.setAttribute('src', src);
audio.load();
setTimeout(function () {
$('.play').css("background","url(../img/pause.png) center center no-repeat");
$("#loading").removeClass("loading");
audio.play();
}, 2000);
//envoi valeur album
$.post("compteur.php", { type: "album", id: e.parents().eq(2).attr('id') } );
$.ajax({
type: "POST",
url: "playlist.php",
data: "id="+e.parents().eq(2).attr('id')+"&id_music="+e.attr('value'),
success: function(msg){
$('.ico_infos').html(msg);
},
error: function(msg){
}
});
audio.addEventListener('timeupdate',function (){
var time = convertTime(audio.duration),time2 = convertTime(audio.currentTime);
$(".durring_time").text(time);
$(".current_time").text(time2);
if(time2>=time){
pos = $(".select_music").next('li');
src = pos.attr('id');
playPause(src,pos,audio);
}
});
}
function convertTime(time) {
var minutes = Math.floor(time / 60),seconds = Math.round((time - minutes * 60),2);
if (seconds < 10) {
seconds = "0"+seconds;
}
var time = minutes+"\."+seconds;
return time;
}