Lecteur 1 bouton personnalisé avec étiquette audio HTML5

Question

Travailler avec la balise <audio> dans un développement web que j'ai fait récemment, et une chose que j'essaie de faire est de l'utiliser pour construire une liste de mots et fournir un échantillon de prononciation à côté de chaque mot sur la liste. L'installation n'est pas difficile du tout, cependant ce type d'application nécessite à peine l'ensemble des contrôles; juste un bouton de lecture.

L'élément controls de l'étiquette <audio> ne semble cependant pas très bien documenté; tout ce que je peux trouver là-dessus est "toujours mis" ici, à moins que vous ne vouliez construire votre propre joueur ". Je ne veux pas construire mon propre lecteur, cependant, je veux juste une interface de jeu simple, avec rien d'autre, idéalement sans JavaScript ni Flash.

Answer 1

C'est assez simple. Vous avez juste besoin d'appeler la méthode play sur l'objet DOM audio lorsque vous cliquez sur un élément. Le quelque 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> 

See an example