Haaste: Käytä Audioelementtejä
Tehtävä
Luo HTML-dokumentti, joka upottaa kaksi luontoaiheista äänileikettä. Lisää sopivat attribuutit ohjainten näyttämiseksi.
- Ensimmäisen äänitiedoston URL on
https://content-media-cdn.codefinity.com/courses/392f24ac-0126-4c34-a28a-f2f26d12196b/section-3/forest-with-small-river-birds-and-nature-field.mp3. - Toisen äänitiedoston URL on
https://content-media-cdn.codefinity.com/courses/392f24ac-0126-4c34-a28a-f2f26d12196b/section-3/evening-birds-singing-in-spring-background-sounds-of-nature.mp3.
index.html
Vihje
Vaihe 1: Käytä <audio>-elementtiä äänileikkeen upottamiseen. Lisää controls-attribuutti, jotta tavalliset ääniohjaimet tulevat näkyviin. Käytä <source>-elementin sisällä src-attribuuttia määrittääksesi MP3-äänitiedostojen URL-osoitteet.
index.html
Kiitos palautteestasi!
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
Can you show me the full HTML code for embedding both audio clips?
What other attributes can I add to the audio elements for better user experience?
Can you explain how the controls attribute works in the audio tag?
Awesome!
Completion rate improved to 2.86Haaste: Käytä Audioelementtejä
Pyyhkäise näyttääksesi valikon
Tehtävä
Luo HTML-dokumentti, joka upottaa kaksi luontoaiheista äänileikettä. Lisää sopivat attribuutit ohjainten näyttämiseksi.
- Ensimmäisen äänitiedoston URL on
https://content-media-cdn.codefinity.com/courses/392f24ac-0126-4c34-a28a-f2f26d12196b/section-3/forest-with-small-river-birds-and-nature-field.mp3. - Toisen äänitiedoston URL on
https://content-media-cdn.codefinity.com/courses/392f24ac-0126-4c34-a28a-f2f26d12196b/section-3/evening-birds-singing-in-spring-background-sounds-of-nature.mp3.
index.html
Vihje
Vaihe 1: Käytä <audio>-elementtiä äänileikkeen upottamiseen. Lisää controls-attribuutti, jotta tavalliset ääniohjaimet tulevat näkyviin. Käytä <source>-elementin sisällä src-attribuuttia määrittääksesi MP3-äänitiedostojen URL-osoitteet.
index.html
Kiitos palautteestasi!
