Dźwięk HTML
Element HTML <audio>służy do odtwarzania pliku audio na stronie internetowej.
Element HTML <audio>
Aby odtworzyć plik audio w HTML, użyj <audio>elementu:
Przykład
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Dźwięk HTML — jak to działa
Atrybut dodaje elementy sterujące dźwiękiem , controlstakie jak odtwarzanie, pauza i głośność.
Element <source>pozwala na określenie alternatywnych plików audio, z których przeglądarka może wybrać. Przeglądarka użyje pierwszego rozpoznanego formatu.
Tekst między tagami <audio>i </audio>będzie wyświetlany tylko w przeglądarkach, które nie obsługują tego <audio>elementu.
HTML <audio> Autoodtwarzanie
Aby automatycznie uruchomić plik audio, użyj autoplayatrybutu:
Przykład
<audio controls autoplay>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Uwaga: przeglądarki Chromium w większości przypadków nie pozwalają na autoodtwarzanie. Jednak wyciszone autoodtwarzanie jest zawsze dozwolone.
Dodaj mutedpo
autoplay, aby plik audio zaczął się automatycznie odtwarzać (ale wyciszony):
Przykład
<audio controls autoplay muted>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje dany
<audio>element.
| Element | |||||
|---|---|---|---|---|---|
| <audio> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
Formaty audio HTML
Istnieją trzy obsługiwane formaty audio: MP3, WAV i OGG. Obsługiwane przez przeglądarkę różne formaty to:
| Browser | MP3 | WAV | OGG |
|---|---|---|---|
| Edge/IE | YES | YES* | YES* |
| Chrome | YES | YES | YES |
| Firefox | YES | YES | YES |
| Safari | YES | YES | NO |
| Opera | YES | YES | YES |
*Od krawędzi 79
Dźwięk HTML — typy multimediów
| File Format | Media Type |
|---|---|
| MP3 | audio/mpeg |
| OGG | audio/ogg |
| WAV | audio/wav |
HTML Audio — metody, właściwości i zdarzenia
HTML DOM definiuje metody, właściwości i zdarzenia dla <audio>elementu.
Pozwala to ładować, odtwarzać i wstrzymywać dźwięki, a także ustawiać czas trwania i głośność.
Istnieją również zdarzenia DOM, które mogą powiadamiać Cię, gdy dźwięk zaczyna się odtwarzać, jest wstrzymany itp.
Aby uzyskać pełne informacje o modelu DOM, przejdź do naszej dokumentacji HTML Audio/Video DOM Reference .
Tagi audio HTML
| Tag | Description |
|---|---|
| <audio> | Defines sound content |
| <source> | Defines multiple media resources for media elements, such as <video> and <audio> |