Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Äänitiedostojen Upottaminen HTML:ään | Kuvat ja Media
Quizzes & Challenges
Quizzes
Challenges
/
HTML:n Perusteet

bookÄänitiedostojen Upottaminen HTML:ään

HTML mahdollistaa äänen lisäämisen suoraan verkkosivulle käyttämällä <audio>-elementtiä.

Äänen upottaminen

<audio>-elementti näyttää äänisoittimen selaimessa.

Hyödylliset audio-attribuutit

  • controls: näyttää toisto-, tauko-, äänenvoimakkuus- jne. painikkeet;
  • autoplay: käynnistää toiston automaattisesti;
  • loop: toistaa äänen jatkuvasti
<audio controls autoplay loop>
  <!-- Source goes here -->
</audio>

Äänilähteen lisääminen

<source>-elementti <audio>-elementin sisällä kertoo selaimelle, missä äänitiedosto sijaitsee ja mikä sen tiedostomuoto on.

<audio controls autoplay loop>
  <source src="audio-url.mp3" type="audio/mpeg" />
  <source src="audio-url.ogg" type="audio/ogg" />
  Your browser does not support the audio element.
</audio>
  • <audio> määrittää soittimen ja sen toiminnan;
  • <source> tarjoaa äänitiedostojen URL-osoitteet ja muodot;
  • Varmuusteksti näkyy, jos selain ei pysty toistamaan ääntä.
index.html

index.html

copy
Note
Huomautus

Yleiset ääniformaatit: MP3, Ogg, WAV. Useamman kuin yhden formaatin käyttö parantaa selainten yhteensopivuutta.

1. Mitä tunnistetta käytetään äänisisällön upottamiseen HTML-dokumenttiin?

2. Miksi on suositeltavaa tarjota äänitiedosto useissa eri muodoissa?

question mark

Mitä tunnistetta käytetään äänisisällön upottamiseen HTML-dokumenttiin?

Select the correct answer

question mark

Miksi on suositeltavaa tarjota äänitiedosto useissa eri muodoissa?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 3. Luku 3

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

bookÄänitiedostojen Upottaminen HTML:ään

Pyyhkäise näyttääksesi valikon

HTML mahdollistaa äänen lisäämisen suoraan verkkosivulle käyttämällä <audio>-elementtiä.

Äänen upottaminen

<audio>-elementti näyttää äänisoittimen selaimessa.

Hyödylliset audio-attribuutit

  • controls: näyttää toisto-, tauko-, äänenvoimakkuus- jne. painikkeet;
  • autoplay: käynnistää toiston automaattisesti;
  • loop: toistaa äänen jatkuvasti
<audio controls autoplay loop>
  <!-- Source goes here -->
</audio>

Äänilähteen lisääminen

<source>-elementti <audio>-elementin sisällä kertoo selaimelle, missä äänitiedosto sijaitsee ja mikä sen tiedostomuoto on.

<audio controls autoplay loop>
  <source src="audio-url.mp3" type="audio/mpeg" />
  <source src="audio-url.ogg" type="audio/ogg" />
  Your browser does not support the audio element.
</audio>
  • <audio> määrittää soittimen ja sen toiminnan;
  • <source> tarjoaa äänitiedostojen URL-osoitteet ja muodot;
  • Varmuusteksti näkyy, jos selain ei pysty toistamaan ääntä.
index.html

index.html

copy
Note
Huomautus

Yleiset ääniformaatit: MP3, Ogg, WAV. Useamman kuin yhden formaatin käyttö parantaa selainten yhteensopivuutta.

1. Mitä tunnistetta käytetään äänisisällön upottamiseen HTML-dokumenttiin?

2. Miksi on suositeltavaa tarjota äänitiedosto useissa eri muodoissa?

question mark

Mitä tunnistetta käytetään äänisisällön upottamiseen HTML-dokumenttiin?

Select the correct answer

question mark

Miksi on suositeltavaa tarjota äänitiedosto useissa eri muodoissa?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 3. Luku 3
some-alt