Zvuk HTML
Element HTML <audio>se používá k přehrávání zvukového souboru na webové stránce.
Element <audio> HTML
Chcete-li přehrát zvukový soubor v HTML, použijte <audio>prvek:
Příklad
<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>
HTML Audio - Jak to funguje
Atribut controlspřidává ovládací prvky zvuku, jako je přehrávání, pauza a hlasitost.
Prvek <source>umožňuje specifikovat alternativní zvukové soubory, ze kterých si může prohlížeč vybrat. Prohlížeč použije první rozpoznaný formát.
Text mezi značkami <audio>a se zobrazí pouze v prohlížečích, které prvek </audio>nepodporují .<audio>
HTML <audio> Automatické přehrávání
Chcete-li automaticky spustit zvukový soubor, použijte autoplayatribut:
Příklad
<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>
Poznámka: Prohlížeče Chromium ve většině případů automatické přehrávání neumožňují. Ztlumené automatické přehrávání je však vždy povoleno.
Přidat mutedza
autoplay, aby se zvukový soubor začal přehrávat automaticky (ale ztlumen):
Příklad
<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>
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která
<audio>prvek plně podporuje.
| Element | |||||
|---|---|---|---|---|---|
| <audio> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
Zvukové formáty HTML
Existují tři podporované zvukové formáty: MP3, WAV a OGG. Prohlížeč podporuje různé formáty:
| 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 Edge 79
HTML Audio – typy médií
| File Format | Media Type |
|---|---|
| MP3 | audio/mpeg |
| OGG | audio/ogg |
| WAV | audio/wav |
HTML zvuk - metody, vlastnosti a události
HTML DOM definuje metody, vlastnosti a události pro <audio>prvek.
To vám umožní načíst, přehrát a pozastavit zvuk a také nastavit dobu trvání a hlasitost.
Existují také události DOM, které vás mohou upozornit, když se zvuk začne přehrávat, je pozastaven atd.
Úplnou referenci DOM naleznete v našem HTML Audio/Video DOM Reference .
HTML audio tagy
| Tag | Description |
|---|---|
| <audio> | Defines sound content |
| <source> | Defines multiple media resources for media elements, such as <video> and <audio> |