Bascule Boutons Play / Pause en HTML Lecteur Audio
Je suis après un très de base du lecteur de musique, j'ai le texte suivant bases de travail maintenant, cependant;
1) Comment faire à la fois les boutons lecture et Pause dans un seul bouton? Qui apparaît d'abord comme une Pause et cliquez sur Il bascule Jouer et cliquez de nouveau sur elle Basculer Pause?
2) Aussi Est-il de toute façon à ajouter un compteur de progression? pas un bar, mais les chiffres, c'est à dire de 0,3/4.0 min
Ici est le violon: www.jsfiddle.net/tjHhY
Et voici le code ici:
var audio = new Audio("http://dp0169.free.fr/Musique/Air/Air%20-%20Talkie%20Walkie/02%20Cherry%20Blossom%20Girl.mp3");
$(".play").click(function () {
audio.play();
})
$(".pause").click(function () {
audio.pause();
})
- La lecture et pause bouton devrait également être de référence par ID n'est pas de classe. I. E.
$("#play").click....
<input type="button" id="play" />
Vous devez vous connecter pour publier un commentaire.
Je vous recommande d'utiliser JQueryUI. Il ont une belle variété de widgets pour créer la nouvelle interface 🙂
Également vérifier ce démo il montre comment créer bascule play & bouton pause.
Espère que cela aide.
Pourquoi ne pas vous cochez cette Démo. Espérons que cela aide 🙂