Personnalisé 1-joueur au bouton avec la balise audio HTML5

De travail avec le <audio> balise dans certains développement web que j'ai fait dernièrement, et une chose que je suis en train de faire est de l'utiliser pour construire une liste de mots et de fournir une prononciation de l'échantillon à côté de chaque mot dans la liste. Cette mise en place n'est pas difficile du tout, mais ce genre d'application ne requiert pratiquement le jeu complet de commandes, il suffit d'un bouton de lecture.

La controls élément de la <audio> balise ne semble pas à être bien documenté, cependant; tout ce que je peux trouver sur qu'il est "toujours mis sur" on "ici, sauf si vous voulez construire votre propre joueur". Je ne veux pas construire mon propre joueur, cependant, je veux juste un simple, 1 bouton jouer l'interface avec rien d'autre, idéalement sans nécessiter de JavaScript ou Flash.

OriginalL'auteur Kaji | 2010-08-12

  1. 27

    C'est assez simple. Vous avez juste besoin d'appeler la méthode de la pièce sur la audio objet DOM quand quelque chose est cliqué. La chose pourrait être une image, un texte, un lien, ou tout ce qui convient.

    Voici une façon possible:

    <a onclick="this.firstChild.play()"><audio src=".."></audio></a>

    Voir un exemple

    Ce qui est excellent. Merci!!!!
    Le code de l'échantillon est grande. Mais l'échantillon audio dans votre jsfiddle n'est pas très agréable! 🙂
    haha, ca a l'air terrible.. mais fixe maintenant

    OriginalL'auteur Anurag