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 controls
př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 autoplay
atribut:
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 muted
za
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> |