Dźwięk w HTML

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Dźwięk w HTML

Dźwięk na stronie internetowej można osadzać za pomocą elementu <audio>. W starszych pytaniach egzaminacyjnych mogą pojawiać się także przestarzałe rozwiązania, np. bgsound, używane kiedyś do odtwarzania muzyki w tle w przeglądarce Internet Explorer.

Współczesny sposób: <audio>

Do odtwarzania pliku audio stosuje się znacznik <audio> oraz atrybut src, który wskazuje źródło pliku:

<audio src="muzyka.mp3" controls></audio>

Często używane atrybuty:

  • src - ścieżka do pliku dźwiękowego,
  • controls - wyświetla panel sterowania,
  • autoplay - próbuje uruchomić dźwięk automatycznie,
  • loop - zapętla odtwarzanie,
  • muted - wycisza dźwięk.

Przykład zapętlonego tła muzycznego:

<audio src="tlo.mp3" autoplay loop muted></audio>

W praktyce przeglądarki często blokują automatyczne odtwarzanie dźwięku, jeśli nie jest on wyciszony albo użytkownik wcześniej nie wykonał akcji na stronie.

Starsze rozwiązanie: bgsound

W starszym HTML spotykano znacznik:

<bgsound src="100.wav" loop="10">

Mógł on mieć atrybuty takie jak src, loop, balance, volume. Nie stosuje się jednak atrybutu href, ponieważ href służy głównie do określania adresu odsyłacza, np. w znaczniku <a>.

Ważne na egzaminie

Jeżeli pytanie dotyczy instrukcji odtwarzania dźwięku jako tła muzycznego, należy odróżniać:

  • src - wskazuje plik multimedialny,
  • href - wskazuje adres hiperłącza,
  • loop - może oznaczać zapętlenie,
  • volume - dotyczy głośności w starszych rozwiązaniach lub API.