Summary  
This chapter explains how to embed and configure audio playback in HTML using the `<audio>` element and its attributes (controls, autoplay, loop, muted, volume) along with fallback content.  

General domain of usage  
Web development (rich media integration)

Voit käyttää `<audio>`-elementtiä lisätäksesi äänitiedostoja verkkosivulle. Tarkastellaan esimerkkiä:

PGF1ZGlvIGNvbnRyb2xzPgogIDxzb3VyY2UKICAgIHNyYz0iaHR0cHM6Ly9jb2RlZmluaXR5LWNvbnRlbnQtbWVkaWEuczMuZXUtd2VzdC0xLmFtYXpvbmF3cy5jb20vY29kZS0xL2h0bWwrYXVkaW8rZXhhbXBsZSIKICAgIHR5cGU9ImF1ZGlvL21wMyIKICAvPgogIEZhbGxiYWNrIG1lc3NhZ2UgKGNhbiBiZSBhbnkgdGV4dCkKPC9hdWRpbz4=

Tässä esimerkissä:
- `<audio>`-elementti sisältää `<source>`-elementin, joka määrittää äänitiedoston URL-osoitteen ja tiedostotyypin. Yleisesti tuetut muodot ovat MP3 ja OGG;
- `controls`-attribuutti näyttää vakiotoistonhallintapainikkeet, kuten toisto, tauko ja äänenvoimakkuus;
- Jos käyttäjän selain ei tue audio-elementtiä, näytetään varaviestinä teksti.

HTML-ääni-elementin kanssa yleisesti käytettyjä lisämääritteitä ovat:
- `autoplay`: käynnistää äänitiedoston toiston heti sivun latauduttua;
- `loop`: toistaa äänitiedoston jatkuvasti silmukassa;
- `muted`: mykistää äänen oletuksena;
- `volume`: määrittää äänitiedoston oletusvoimakkuuden, arvo välillä 0.0 (hiljainen) – 1.0 (täysi äänenvoimakkuus).

Alla esimerkki, jossa käytetään kaikkia näitä määritteitä:

PGF1ZGlvIGNvbnRyb2xzIGF1dG9wbGF5IGxvb3AgbXV0ZWQgdm9sdW1lPSIwLjUiPgogIDxzb3VyY2Ugc3JjPSJhdWRpby5tcDMiIHR5cGU9ImF1ZGlvL21wMyI+CiAgU29ycnksIHlvdXIgYnJvd3NlciBkb2VzIG5vdCBzdXBwb3J0IGF1ZGlvLgo8L2F1ZGlvPg==

Mikä seuraavista väittämistä HTML:n `<audio>`-elementistä on tosi?

Opi HTML:n (HyperText Markup Language) perusteet, joka on verkkokehityksen perusta. Tämä aloittelijaystävällinen kurssi kattaa tunnisteet, attribuutit, elementit ja verkkosivujen rakenteen. Hanki käytännön taitoja otsikoiden, kappaleiden, listojen, kuvien, linkkien, lomakkeiden ja taulukoiden luomisessa. Tutustu parhaisiin käytäntöihin, optimointiin ja verkkosivustojen saavutettavuuteen. Aloita verkkokehityksen matkasi HTML:n avulla.

Tutki verkon sisäistä toimintaa. Opi, miten data kulkee verkkojen läpi, tutustu protokollien rooliin ja selvitä IP-osoitteiden ja verkkotunnusten mysteerit. Saa korkeatasoinen ymmärrys siitä, miten verkkoselaimet ja palvelimet kommunikoivat toimittaakseen verkkosisältöä.

Tutustu tunnisteiden voimaan sisällön jäsentämisessä, otsikoista ja kappaleista listoihin ja taulukoihin. Opi, kuinka voit parantaa elementtejä attribuuteilla.

HTML-dokumentin rakenteen ydin. Opi HTML-dokumentin osat, mukaan lukien doctype-ilmoitus, head ja body. Ymmärrä kunkin elementin tarkoitus ja miten ne vaikuttavat verkkosivun kokonaisrakenteeseen.

Tee verkkosivusta houkuttelevampi median, kuten kuvien, äänen ja videon avulla. Työskentele jäsennellyn taulukkomuotoisen datan kanssa taulukoiden muodossa.

Tutustu HTML-lomakkeiden monipuolisuuteen. Opi suunnittelemaan intuitiivisia ja käyttäjäystävällisiä lomakkeita hyödyntämällä keskeisiä käsitteitä ja tekniikoita. Selvitä, kuinka lomakkeet mahdollistavat käyttäjän vuorovaikutuksen ja tietojen lähettämisen verkkosivustoilla.

Äänen upottaminen rikastettuun mediaan