Responsywny odtwarzacz audio | DailyWeb.pl

Responsywny odtwarzacz audio

Opublikowano 4 lata temu - 1


Nowa specyfikacja HTML przyniosła nam całą masę nowych tagów. Wśród nich znajdziecie chociażby <audio>, który w założeniu ma być odpowiedzialny za materiały dźwiękowe. O ile przeglądarki posiadają swoje wbudowane odtwarzacze, to dla bardziej ambitnych mam skrypt odtwarzacza przygotowanego za pomocą jQuery.

Jego zaletą jest z pewnością atrakcyjna dla oka design a także fakt że jest on w pełni responsywny i wspiera obsługę urządzeń dotykowych. Jak wygląda implementacja? Jest on praktycznie bezobsługowy. Po dodaniu do nagłówka strony odpowiednich kodów, skrypt automatycznie podmienia wszystkie tagi <audio>.

Demo Pobierz