..


Sponsorerede links

Medier med HTML5 video og lyd tags

Artikel skrevet af Stefano Cancedda
Side 1 af 2

Blandt nyheden om, at den "HTML 5-funktioner end tidligere versioner, er der mulighed for at ringe direkte til den dedikerede multimedie-indhold via tags.
Tidligere inddragelse af denne type indhold i en HTML-side der kræves i de fleste tilfælde, brug af eksterne filer (ikke standard) som Adobe Flash. Alternativet til Flash blev udsat for meget restriktive betingelser med hensyn til multimedier, nutidens vilkår at være uegnede til at opfylde de mindstekrav, som mange af de tjenester af Web 2.0 (tænk for eksempel YouTube).

Med fremkomsten af ​​disse funktioner er integreret i HTML5 sprog. De vigtigste mærker, der er relevante for multimedia:

  • <audio>
  • <video>
Under henvisning til reference officielle W3C illustrere brugen af disse tags riferrimento gøre, også af praktiske eksempler.

Mærket <audio>

Mærket <audio> definerer alt hvad der har at gøre med lyd som for eksempel musik eller andre lyde.

Ud over den standard attributter (listen er let tilgængelig på nettet, for eksempel på hjemmesiden w3cschools.com ) audio-tag understøtter følgende særlige egenskaber:

  • autoplay: Hvis denne egenskab er til stede, vil spillet automatisk afspille lydfilen;
  • kontrol: Hvis erklæret, vil vise såsom afspil og stop knapper;
  • bue: hvis de bruges, afgør løkken (gentagelse) af musikfiler når du er færdig;
  • preload: hvis til stede, vil lydfilen blive indlæst, når siden indlæses, så de er klar til at spille uden forventninger. Hvis Autoplay attributten er erklæret, er preload ignoreres;
  • src: Angiver URL'en for lydfilen til at spille.





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



  



 Din browser understøtter ikke lyd styres med HTML5.







 </ Lyd>



Mærket understøtter også <audio> mulighed for at styre mere end en kilde, i hvilket tilfælde src attributten er udeladt, og lurende i <audio> tags, tags <kilde> dette:





 <audio controls="controls">



  



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



  



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



  



 Din browser understøtter ikke lyd styres med HTML5.







 </ Lyd>



Bemærk: aktuelt understøttede lydformater er MP3, WAV og ogg.

Nedenfor er et screenshot lavet med Firefox:

I den samme kategori ...
E-Learning
CSS (Kursus) CSS (Kursus)
Web Design og tilgængelighed i henhold til W3C CSS og XHTML. Fra 29 €.
HTML (Kursus) HTML (Kursus)
Det markup sprog til nettet fra 29 €.
Web Design (Kursus) Web Design (Kursus)
Design Web Sites med HTML, CSS og Dynamisk HTML. Fra 39 €.
Sponsorerede links