Äänen ja Videon Upottaminen Rikasta Mediaa Sisältöä Varten
Äänen upottaminen
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 hallintalaitteet, kuten toisto, tauko ja äänenvoimakkuus;- Jos käyttäjän selain ei tue audioelementtiä, näytetään varaviesti.
HTML-audioelementin kanssa yleisesti käytettyjä lisäattribuutteja ovat:
autoplay
: aloittaa äänitiedoston toiston heti, kun sivu latautuu;loop
: saa äänitiedoston toistumaan jatkuvasti;muted
: mykistää äänen oletuksena;volume
: määrittää äänitiedoston oletusäänenvoimakkuuden, joka vaihtelee välillä 0.0 (hiljainen) - 1.0 (täysi äänenvoimakkuus).
Tässä on esimerkki, joka havainnollistaa kaikkien näiden attribuuttien käyttöä:
index.html
Videon upottaminen
Voit upottaa videotiedostoja verkkosivulle käyttämällä <video>
-elementtiä. Tarkastele seuraavaa esimerkkiä:
index.html
Tässä esimerkissä:
<video>
-elementti sisältää<source>
-elementin, joka määrittää videon URL-osoitteen ja tiedostotyypin. Yleisesti tuettuja formaatteja ovat WebM, MP4 ja OGG;controls
-attribuutti näyttää standardin toistonhallinnan;- Jos käyttäjän selain ei tue videoelementtiä, näytetään varaviesti.
HTML-videoelementin yleisesti käytettyjä attribuutteja ovat:
autoplay
: aloittaa videon toiston heti, kun sivu latautuu;loop
: saa videon toistumaan jatkuvasti;muted
: mykistää äänen oletuksena;volume
: määrittää oletusäänenvoimakkuuden tasolle äänitiedostolle, vaihdellen 0.0 (hiljainen) ja 1.0 (täysi äänenvoimakkuus) välillä;poster
: määrittää kuvan URL-osoitteen, joka näytetään videon pikkukuvana ennen kuin video toistetaan;width
jaheight
: määrittää videon toistimen leveyden ja korkeuden pikseleinä.
Tässä on esimerkki, joka havainnollistaa kaikkien näiden attribuuttien käyttöä:
index.html
Huomautus
Lisäksi on olemassa monia JavaScript-kirjastoja ja API:ita, jotka tarjoavat lisätoimintoja videon toistamiseen ja käsittelyyn verkossa.
Kiitos palautteestasi!
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
Awesome!
Completion rate improved to 2.56
Äänen ja Videon Upottaminen Rikasta Mediaa Sisältöä Varten
Pyyhkäise näyttääksesi valikon
Äänen upottaminen
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 hallintalaitteet, kuten toisto, tauko ja äänenvoimakkuus;- Jos käyttäjän selain ei tue audioelementtiä, näytetään varaviesti.
HTML-audioelementin kanssa yleisesti käytettyjä lisäattribuutteja ovat:
autoplay
: aloittaa äänitiedoston toiston heti, kun sivu latautuu;loop
: saa äänitiedoston toistumaan jatkuvasti;muted
: mykistää äänen oletuksena;volume
: määrittää äänitiedoston oletusäänenvoimakkuuden, joka vaihtelee välillä 0.0 (hiljainen) - 1.0 (täysi äänenvoimakkuus).
Tässä on esimerkki, joka havainnollistaa kaikkien näiden attribuuttien käyttöä:
index.html
Videon upottaminen
Voit upottaa videotiedostoja verkkosivulle käyttämällä <video>
-elementtiä. Tarkastele seuraavaa esimerkkiä:
index.html
Tässä esimerkissä:
<video>
-elementti sisältää<source>
-elementin, joka määrittää videon URL-osoitteen ja tiedostotyypin. Yleisesti tuettuja formaatteja ovat WebM, MP4 ja OGG;controls
-attribuutti näyttää standardin toistonhallinnan;- Jos käyttäjän selain ei tue videoelementtiä, näytetään varaviesti.
HTML-videoelementin yleisesti käytettyjä attribuutteja ovat:
autoplay
: aloittaa videon toiston heti, kun sivu latautuu;loop
: saa videon toistumaan jatkuvasti;muted
: mykistää äänen oletuksena;volume
: määrittää oletusäänenvoimakkuuden tasolle äänitiedostolle, vaihdellen 0.0 (hiljainen) ja 1.0 (täysi äänenvoimakkuus) välillä;poster
: määrittää kuvan URL-osoitteen, joka näytetään videon pikkukuvana ennen kuin video toistetaan;width
jaheight
: määrittää videon toistimen leveyden ja korkeuden pikseleinä.
Tässä on esimerkki, joka havainnollistaa kaikkien näiden attribuuttien käyttöä:
index.html
Huomautus
Lisäksi on olemassa monia JavaScript-kirjastoja ja API:ita, jotka tarjoavat lisätoimintoja videon toistamiseen ja käsittelyyn verkossa.
Kiitos palautteestasi!