Äänen Upottaminen Rikastettuun Mediaan
Voit käyttää <audio>-elementtiä lisätäksesi äänitiedostoja verkkosivulle. Tarkastellaan esimerkkiä:
index.html
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ää vakiotoiston hallintapainikkeet, kuten toisto, tauko ja äänenvoimakkuus;- Jos käyttäjän selain ei tue audio-elementtiä, näytetään varaviesti.
HTML audio -elementin kanssa yleisesti käytettyjä lisäattribuutteja ovat:
autoplay: käynnistää äänitiedoston toiston heti sivun latauduttua;loop: toistaa äänitiedoston jatkuvasti;muted: mykistää äänen oletuksena;volume: määrittää äänitiedoston oletusvoimakkuuden, arvot välillä 0.0 (hiljainen) – 1.0 (täysi voimakkuus).
Alla on esimerkki, jossa käytetään kaikkia näitä attribuutteja:
index.html
Oliko kaikki selvää?
Kiitos palautteestasi!
Osio 4. Luku 5
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
Mahtavaa!
Completion arvosana parantunut arvoon 2.38Äänen Upottaminen Rikastettuun Mediaan
Pyyhkäise näyttääksesi valikon
Voit käyttää <audio>-elementtiä lisätäksesi äänitiedostoja verkkosivulle. Tarkastellaan esimerkkiä:
index.html
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ää vakiotoiston hallintapainikkeet, kuten toisto, tauko ja äänenvoimakkuus;- Jos käyttäjän selain ei tue audio-elementtiä, näytetään varaviesti.
HTML audio -elementin kanssa yleisesti käytettyjä lisäattribuutteja ovat:
autoplay: käynnistää äänitiedoston toiston heti sivun latauduttua;loop: toistaa äänitiedoston jatkuvasti;muted: mykistää äänen oletuksena;volume: määrittää äänitiedoston oletusvoimakkuuden, arvot välillä 0.0 (hiljainen) – 1.0 (täysi voimakkuus).
Alla on esimerkki, jossa käytetään kaikkia näitä attribuutteja:
index.html
Oliko kaikki selvää?
Kiitos palautteestasi!
Osio 4. Luku 5
