..


Sponsoroidut linkit

Media kanssa HTML5 video ja audio tageja

Artikkelin kirjoittanut Stefano Cancedda
Sivu 1 2

Keskuudessa uutinen, että "HTML 5 ominaisuuksia kuin aiemmat versiot, on mahdollisuus soittaa suoraan omistettu multimediasisällön kautta tageja.
Aiemmin sisällyttäminen tämän tyyppisen sisällön sisällä HTML-sivun vaaditaan useimmissa tapauksissa ulkopuolisia tiedostoja (ei vakio), kuten Adobe Flash. Vaihtoehto Flash joutui erittäin rajoittavia ehtoja koskevat multimedia, nykyoloissa soveltumattomiksi täyttävät vähimmäisvaatimukset monet palvelut Web 2.0 (ajattele esimerkiksi YouTube).

With kynnyksellä nämä ominaisuudet on integroitu HTML5 kielellä. Tärkeimmät tageja, jotka liittyvät multimedia:

  • <audio>
  • <video>
Viitaten viittaus virallinen W3C kuvaavat käyttää näitä tageja riferrimento tekemässä, myös käytännön esimerkkejä.

Tag <audio>

Tag <audio> määrittelee kaiken, on tekemistä ääntä, esimerkiksi musiikkia tai muita ääniä.

Lisäksi standardin ominaisuuksia (luettelo on helposti saatavilla verkossa, esimerkiksi sivuston w3cschools.com ) audio tag tukee seuraavia erityisominaisuuksia:

  • Autoplay: Jos tämä ominaisuus on, pelin toisto alkaa automaattisesti äänitiedosto;
  • valvonta: jos julisti näyttää tarkastukset kuten Play ja Pysäytä-painikkeet;
  • silmukka: jos käytetään, määrittää silmukka (toistoa) musiikkitiedostoja, kun olet valmis;
  • preload: jos nykyinen, äänitiedosto on esiladattu kun sivu latautuu, jotta valmis pelaamaan ilman odotuksia. Jos autoplay ominaisuus on julistettu, esijännitys ohitetaan;
  • src: Määrittää URL äänitiedosto pelata.





 <audio src="driin.ogg" autoplay="autoplay" controls="controls">



  



 Selaimesi ei tue ääntä hallita HTML5.







 </ Audio>



Tag tukee myös <audio> kykyyn hallita useammasta kuin yhdestä lähteestä, jolloin SRC jätetään pois, ja väijyvä sisällä <audio> tageja, tagit <lähde> tämä:





 <audio controls="controls">



  



 <source src="canzone1.ogg" type="audio/ogg">



  



 <source src="canzone2.mp3" type="audio/mpeg">



  



 Selaimesi ei tue ääntä hallita HTML5.







 </ Audio>



Huom: Tällä hetkellä tuettuja ääniformaatteja ovat mp3, wav ja ogg.

Alla on kuvakaappaus tehty Firefox:

Samassa luokassa ...
E-Learning
CSS (kurssi) CSS (kurssi)
Web Design and Accessibility mukaan W3C CSS ja XHTML. Alkaen 29 €.
HTML (kurssi) HTML (kurssi)
Merkkauskieli Web alkaen 29 €.
Web Design (kurssi) Web Design (kurssi)
Suunnittelu verkkosivustoja HTML, CSS ja Dynamic HTML. Alkaen 39 €.
Sponsoroidut linkit