Benutzerdefinierte 1-Tasten-Player mit HTML5-Audio-Tag

Question

Arbeiten mit der <audio> Tag in einigen Web-Entwicklung habe ich in letzter Zeit tun, und eine Sache, die ich versuche, ist es zu verwenden, um eine Wortliste zu erstellen und eine Aussprache Probe neben jedem Wort auf der Liste. Die Einrichtung ist nicht schwer, jedoch erfordert diese Art von Anwendung kaum den vollen Satz von Steuerungen; nur ein Spielknopf.

Das controls Element des Tags <audio> scheint jedoch nicht so gut dokumentiert zu sein; Alles, was ich darauf finden kann, ist "immer hier", außer du willst deinen eigenen Spieler bauen ". Ich möchte meinen eigenen Player nicht bauen, aber ich möchte nur eine einfache, 1-Tasten-Spielschnittstelle mit nichts anderem, idealerweise ohne JavaScript oder Flash.

Answer 1

Es ist ziemlich einfach. Sie müssen nur die Wiedergabemethode für das DOM-Objekt audio aufrufen, wenn auf etwas geklickt wird. Das Etwas könnte ein Bild, Text, Link oder was auch immer passt.

Hier ist eine mögliche Art und Weise:

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

See an example