Kurs języka HTML i CSS

Poradnik webmastera

  • Zwiększ rozmiar czcionki
  • Domyślny  rozmiar czcionki
  • Zmniejsz rozmiar czcionki
Multimedia

AUDIO

Email Drukuj PDF

AUDIO - audio

HTML XHTML Internet Explorer Firefox Opera Chrome
5
x x x x

Polecenie definiuje interfejs pliku dźwiękowego.

Uwaga: aktualny stan obsługi plików, listopad 2012:

mp3 - Chrome, Internet Explorer
ogg - Chrome, Firefox, Opera
wav - Chrome, Firefox, Opera 

Przykład:

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

mp3

 

wav

 

Możliwe jest udostępnienie kilku formatów pliku dźwiękowego w nadziei, że przeglądarka obsłuży jeden z nich.

<source src="/plik-audio.mp3" type="audio/mpeg" />
Twoja przeglądarka nie obsługuje znacznika audio.
</audio>
<audio controls="controls">
<source src="/dzwiek.wav" type="audio/wav" />
<source src="/dzwiek.ogg" type="audio/ogg" />
<source src="/dzwiek.mp3" type="audio/mpeg" />
Twoja przeglądarka nie obsługuje znacznika audio.
</audio>

 

Atrybuty audio:

  • Specyficzne atrybuty
    • src - atrybut podaje adres pliku dźwiękowego
    • controls lub controls="controls" - atrybut powoduje wyświetlenie interfejsu
    • loop lub loop="loop" - atrybut powoduje odtwarzanie pliku w pętli
    • autoplay lub autoplay="autoplay" - atrybut powoduje odtwarzanie pliku zaraz po uruchomieniu strony
    • preload lub preload="preload" - atrybut powoduje wstępne załadowanie plików dźwiękowych, zanim czytelnik zechce uruchomić odtwarzanie
  • Atrybuty standardowe - więcej informacji: accesskey, hidden, itemtype, class, id, lang, contenteditable, inert, spellcheck, contextmenu, itemid, style, dir, itemprop, tabindex, draggable, itemref, title, dropzone, itemscope, translate
  • Atrybuty zdarzeń - więcej informacji

Znacznik zamykający: wymagany

Sposób wyświetlania: liniowy

Może być zawarty wewnątrz innych elementów

Może zawierać w swoim obrębie inne elementy:


Więcej o multimediach: Multimedia

Porównawcza tabela znaczników - Więcej…
 

HTML5. Rusz głową.

HTML5. Rusz głową!

HTML5. Ćwiczenia praktyczne.

HTML5. Ćwiczenia praktyczne.

HTML5. Nieoficjalny podręcznik.

HTML5. Nieoficjalny podręcznik

Nowości Helionu

Statystyki

Użytkowników : 766
Artykułów : 513
Zakładki : 28
Odsłon : 15578034