..


Sponsede Lenker

Media med HTML5 video og audio tagger

Artikkel skrevet av Stefano Cancedda
Side 1 av 2

Blant nyhetene at "HTML 5 funksjoner enn tidligere versjoner, er det mulighet for å ringe direkte til dedikerte multimedia-innhold via koder.
Tidligere inkludering av denne typen innhold innenfor en HTML-side som kreves i de fleste tilfeller, bruk av eksterne filer (ikke standard) som for eksempel Adobe Flash. Alternativet til Flash ble utsatt for svært restriktive forhold med hensyn til multimedia, dagens forhold å være uegnet til å oppfylle minstekravene spesifikasjonene som kreves av mange av tjenestene til Web 2.0 (tenk for eksempel YouTube).

Med bruk av disse funksjonene er integrert i HTML5 språk. De viktigste kodene som er relevante for multimedia:

  • <audio>
  • <video>
Med henvisning til referanse den offisielle W3C illustrerer bruken av disse kodene riferrimento gjøre, også, for praktiske eksempler.

Koden <audio>

Koden <audio> definerer alt som har å gjøre med lyd, som for eksempel musikk eller andre lyder.

I tillegg til standard attributter (listen er lett tilgjengelig på nettet, for eksempel på nettstedet w3cschools.com ) audio tag støtter følgende spesielle egenskaper:

  • autoplay: hvis dette attributtet er til stede, vil spillet automatisk spille av lydfiler;
  • kontroller: hvis erklært, vil vise kontroller som Spill og Stop-knapper;
  • bue: hvis det brukes, bestemmer loop (repetisjon) av musikkfiler når du er ferdig;
  • preload: hvis stede, vil lydfilen være forhåndsinstallert når siden lastes, slik som å være klar til å spille uten forventninger. Hvis Autokjør-attributtet er erklært, er forspenning ignorert;
  • src: Angir URL-adressen for lydfil å spille.





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



  



 Din nettleser støtter ikke lyd forvaltes med HTML5.







 </ Audio>



Koden støtter også <audio> evnen til å håndtere mer enn én kilde, i hvilket tilfelle src attributtet er utelatt, og lurer i <audio> tags, tags <kilde> dette:





 <audio controls="controls">



  



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



  



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



  



 Din nettleser støtter ikke lyd forvaltes med HTML5.







 </ Audio>



Merk: For øyeblikket støttes lydformatene er MP3, WAV og OGG.

Nedenfor er et skjermbilde laget med Firefox:

I samme kategori ...
E-læring
CSS (Course) CSS (Course)
Web Design og tilgjengelighet i henhold til W3C CSS og XHTML. Starter fra 29 €.
HTML (Course) HTML (Course)
Kodespråket for Web fra 29 €.
Web Design (Course) Web Design (Course)
Design nettsteder med HTML, CSS og Dynamisk HTML. Fra € 39.
Sponsede Lenker