HTML5 오디오 태그가있는 사용자 정의 1 버튼 플레이어

Question

일부 웹 개발에서 <audio> 태그로 작업하고 있습니다. 요즘하고있는 일 중 하나는 단어 목록을 작성하고 발음 샘플을 제공하는 것입니다. 목록의 각 단어 옆에 있습니다. 이것을 설정하는 것은 전혀 어렵지는 않지만, 이런 종류의 어플리케이션은 완전한 컨트롤 세트를 필요로하지 않습니다. 그냥 재생 버튼.

<audio> 태그의 controls 요소는 그다지 잘 설명되어 있지 않은 것처럼 보입니다. 당신이 당신의 자신의 선수를 건설하고 싶지 않으면, 내가 그것에 찾을 수있는 모든 것은 "항상 여기에"놓여져 있습니다. 내 자신의 플레이어를 만들고 싶지는 않지만, JavaScript 나 Flash를 사용하지 않고도 단순한 1 버튼 플레이 인터페이스를 원할뿐입니다.

Answer 1

상당히 간단합니다. 무언가가 클릭되면 audio DOM 개체에서 play 메서드를 호출하기 만하면됩니다. 무언가는 이미지, 텍스트, 링크 또는 어떤 것일 수도 있습니다.

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

See an example