J'essaie de faire un lecteur MP3 en HTML5. Presque tout le travail est fait mais ce dont j'ai besoin, c'est que je veux remplacer les contrôles par défaut de la balise <audio> et faire mes propres contrôles. Des commandes simples comme play, pause, stop et volume sont effectuées mais je veux faire une barre de progression qui suit la durée de l'audio/MP3, où lorsque je clique sur la position correspondante va à la position spécifique sur la piste. Comme celui de l'exemple suivant.HTML5 Audio - Barre de progression
http://msdn.microsoft.com/en-us/library/ie/gg589528(v=vs.85).aspx
La chose est que dans l'exemple ci-dessus le fichier/MP3 est charge déjà et je suis en fait de créer un élément audio en utilisant document.createElement("audio");
Quand j'ai essayé d'utiliser différentes façons de changer ce qui précède par exemple, je reçois la plupart du temps une erreur "impossible d'appeler la méthode addeventlistener de null". Je veux que ce lecteur fonctionne sur Chrome.
Merci d'avance pour votre soutien et votre aide.
Vous pouvez utiliser un canevas pour cela. Chaque élément 'audio' a des attributs de durée et d'heure actuelle, donc, vous pouvez faire quelque chose comme ceci:' fillRect (posx, posy, audio.current_time/audio.duration * largeur, hauteur) '. J'ai oublié les noms exacts, mais vous les aurez dans quelques minutes de googling. – corazza
"Impossible d'appeler la méthode addeventlistener de null" est une erreur Javascript générique. Utilisez un débogueur comme Firefox Firebug pour déboguer quel est le problème avec votre cose. –
Pouvez-vous poster votre code ou créer un violon? –