Lecteur audio Html5 avec playlist en BDD
Salut tout le monde.
J'ai une petite question. J'ai un lecteur audio HTML5 qui marche avec une playlist via une BDD.
Quand je clique sur le titre de la musique, j'attribue à la "src" de la balise audio qui est en "autoplay". J'ai une barre de chargement qui se rempli en fonction du currentTime de l'audio. La pas de soucis tout marche.
Mon problème vient de ma barre de chargement, je voudrait changer son positionnement en fonction de l'endroit où j'ai cliqué, sauf que je n'arrive pas à attribuer la nouvelle valeur au CurrentTime. J'ai fait un test avec un lecteur audio qui a une source déjà coder dans le HTML et ca marche. Viendrait il de cela? Si oui peut on y remédier? si non savez vous d'ou ca vien?
Ha oui au passage, la valeur de mon audio.duration vaut " infinity".
Merci encore.
Voici mon code pour le clique sur la progresse barre:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
|
$('.progress').click(function(e) {
// On récupère la position en X
var posX = $(this).offset().left,posY = $(this).offset().top;
var d = e.pageX - posX;
var durationTotal = duration_song();
var v = 485 / durationTotal;
var t = d / v;
audio.currentTime = t;
$(".pointer").css("width",d+"px");
}); |
Ps: Je sais que mon code n'est pas optimisé, pour l'instant je cherche juste à comprendre pourquoi je ne peux changer la valeur de mon audio.currentTime.
Merci
