Znacznik audio
Znacznik audio kontroluje odtwarzanie
nagrania audio na stronie HTML. Po
jego dodaniu na stronie pojawia się odtwarzacz,
który będzie miał przyciski "Wstecz", "Do przodu",
"Stop" i tak dalej (ich wygląd i liczba zależą
od przeglądarki). Ścieżka do pliku jest określana przez
atrybut src lub zagnieżdżony znacznik source.
Znacznik source jest potrzebny do określania
ścieżek do plików nagrania audio w różnych formatach
(ponieważ przeglądarki obsługują różne formaty
audio, na przykład mp3 lub wav).
Jeśli masz nagranie w jednym z formatów,
to należy je przekonwertować na inne.
Wewnątrz znacznika audio można napisać tekst,
który będzie wyświetlany w przeglądarkach, które
nie obsługują audio w HTML (robi się to
po to, aby poinformować o tym użytkowników).
Jeśli chcesz zobaczyć odtwarzacz do kontroli odtwarzania
audio - należy dodać atrybut controls.
Bez niego nic nie zobaczysz - i dźwięku przy
tym też nie będzie. Aby był dźwięk przy braku
odtwarzacza - dodaj atrybut autoplay.
Atrybuty
| Atrybut | Opis |
|---|---|
src |
Określa ścieżkę do pliku audio.
Ale lepiej do tego użyć znacznika source
(w tym przypadku można będzie określić audio w różnych formatach).
|
preload |
Używany do ładowania pliku audio jednocześnie z ładowaniem strony internetowej.
Akceptowane wartości: none (nie ładować pliku, domyślnie),
metadata (załaduj tylko informacje serwisowe: czas trwania i tak dalej),
auto (załaduj cały plik audio podczas ładowania strony HTML).
|
autoplay |
Dźwięk zaczyna grać natychmiast po załadowaniu strony,
przy czym obecność atrybutu preload zostanie zignorowana.
Atrybut bez wartości. |
controls |
Dodaje panel sterowania do pliku audio.
przy czym obecność atrybutu preload zostanie zignorowana.
Atrybut bez wartości. |
loop |
Powtarza nagranie audio w "pętli": po zakończeniu zacznie grać od nowa.
przy czym obecność atrybutu preload zostanie zignorowana.
Atrybut bez wartości. Domyślnie (jeśli atrybutu nie ma) nagranie odtworzy się tylko 1 raz.
|
muted |
Wyłącza dźwięk w nagraniu audio.
Atrybut bez wartości. Domyślnie (jeśli atrybutu nie ma) dźwięk nagrania jest włączony. |
Przykład . Odtwarzacz na stronie internetowej
Dodajmy na stronę odtwarzacz z nagraniem audio.
Dla tych przeglądarek, które nie obsługują
znacznika audio pozostawiono specjalną informację
o tym:
<audio src="track.mp3" controls>
Twoja przeglądarka nie obsługuje audio w HTML5.
</audio>
Przykład . Odtwarzacz na stronie internetowej ze znacznikiem source
A teraz zamiast atrybutu src
dla znacznika audio dodajmy znacznik source:
<audio controls>
<source src="track.mp3">
Twoja przeglądarka nie obsługuje audio w HTML5.
</audio>
