2010-08-12 4 views
8

Praca z tagiem w niektórych rozwoju sieci Robiłem ostatnio <audio> i jednej rzeczy staram się zrobić to użyć go zbudować listę słów i dostarcza próbkę wymowa obok każdego słowa na liście. Ustawienie tego nie jest wcale trudne, jednak tego rodzaju aplikacja nie wymaga pełnego zestawu elementów sterujących; tylko przycisk odtwarzania.Niestandardowy 1-przycisk gracz z HTML5 tag audio,

Element controls znacznika <audio> nie wydaje się jednak tak dobrze udokumentowany; wszystko, co mogę znaleźć na nim jest „zawsze stawiamy«na»tu, chyba że chcesz zbudować swój własny odtwarzacz”. Nie chcę, aby zbudować własną gracza, ale ja po prostu chcą prostego, 1-przyciskowa interfejs zabaw z niczym innym, najlepiej bez konieczności JavaScript lub Flash.

Odpowiedz

23

To dość proste. Wystarczy wywołać metodę odtwarzania na obiekcie audio DOM, gdy coś jest kliknięty. Coś może być obrazem, tekstem, linkiem lub czymkolwiek innym.

Oto jeden z możliwych sposobów:

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

See an example

+0

To jest wielki. Dziękuję Ci! – tokudu

+0

Przykładowy kod jest świetny. Ale próbka audio w twoim jsfiddle nie jest dokładnie przyjemna! :) –

+0

haha, że ​​brzmi strasznie .. ale teraz stała – Anurag