HTML oudio
Die HTML <audio>-element word gebruik om 'n oudiolêer op 'n webblad te speel.
Die HTML <klank> Element
Om 'n oudiolêer in HTML te speel, gebruik die <audio>element:
Voorbeeld
<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-oudio - hoe dit werk
Die controlskenmerk voeg oudiokontroles by, soos speel, pouse en volume.
Die <source>element laat jou toe om alternatiewe oudiolêers te spesifiseer waaruit die blaaier kan kies. Die blaaier sal die eerste herkende formaat gebruik.
Die teks tussen die <audio>en </audio>merkers sal slegs vertoon word in blaaiers wat nie die <audio>element ondersteun nie.
HTML <klank> Outospeel
Om 'n oudiolêer outomaties te begin, gebruik die autoplaykenmerk:
Voorbeeld
<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>
Let wel: Chromium-blaaiers laat in die meeste gevalle nie outospeel toe nie. Gedempte outospeel word egter altyd toegelaat.
Voeg mutedna
autoplayby om jou oudiolêer outomaties te laat speel (maar gedemp):
Voorbeeld
<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>
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die
<audio>element ten volle ondersteun.
| Element | |||||
|---|---|---|---|---|---|
| <audio> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
HTML oudioformate
Daar is drie ondersteunde klankformate: MP3, WAV en OGG. Die blaaierondersteuning vir die verskillende formate is:
| 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 |
* Vanaf Edge 79
HTML Oudio - Media Tipes
| File Format | Media Type |
|---|---|
| MP3 | audio/mpeg |
| OGG | audio/ogg |
| WAV | audio/wav |
HTML-oudio - metodes, eienskappe en gebeure
Die HTML DOM definieer metodes, eienskappe en gebeure vir die <audio>element.
Dit laat jou toe om oudio's te laai, te speel en te onderbreek, asook om tydsduur en volume te stel.
Daar is ook DOM-geleenthede wat jou kan in kennis stel wanneer 'n oudio begin speel, onderbreek word, ens.
Vir 'n volledige DOM-verwysing, gaan na ons HTML-oudio/video-DOM-verwysing .
HTML oudio-etikette
| Tag | Description |
|---|---|
| <audio> | Defines sound content |
| <source> | Defines multiple media resources for media elements, such as <video> and <audio> |