..


Sponsrade länkar

Media med HTML5 video och ljud taggar

Artikel skriven av Stefano Cancedda
Sidan 1 av 2

Bland nyheterna att "HTML 5 funktioner än tidigare versioner, finns det möjlighet att direkt ringa dedikerad multimedia-innehåll via taggar.
Tidigare införandet av denna typ av innehåll i en HTML-sida krävs i de flesta fall, användning av externa filer (inte standard) som Adobe Flash. Alternativet till Flash utsattes för mycket restriktiva villkor i fråga om multimedia, dagens villkor som olämpliga för att uppfylla de minimikrav som många av de tjänster av Web 2.0 (tänk t.ex. YouTube).

Med tillkomsten av dessa funktioner är integrerade i HTML5 språk. De viktigaste taggar som är relevanta för multimedia:

  • <Audio>
  • <video>
Med hänvisning till referens officiella W3C illustrera användningen av dessa taggar riferrimento gör, även av praktiska exempel.

Taggen <Audio>

Taggen <Audio> definierar allt som har att göra med ljud som till exempel musik eller andra ljud.

Förutom de vanliga attributen (listan är lätt tillgängliga på nätet, till exempel på webbplatsen w3cschools.com ) ljudet taggen stöder följande specifika egenskaper:

  • spelas upp automatiskt: Om detta attribut finns, kommer spelet automatiskt att spela upp ljudfilen;
  • Kontroller: om den deklareras, visas som uppspelning och Stopp;
  • loop: om de används, bestämmer slinga (upprepning) av musikfiler när du är klar;
  • förspänning: om det finns, kommer ljudfilen vara förinstallerat när sidan laddas, för att vara redo att spela utan förväntningar. Om automatisk uppspelning attribut deklareras, är förspänning ignoreras;
  • src: Anger URL för ljudfilen att spela.





 <Ljudinställning> src="driin.ogg" autoplay="autoplay" controls="controls">



  



 Din webbläsare stöder inte ljud hanteras med HTML5.







 </ Ljud>



Taggen stöder också <Audio> möjlighet att hantera mer än en källa, i vilket fall attributet src utelämnas och lurar i <Audio> taggar, taggar <source> detta:





 <Ljudinställning> controls="controls">



  



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



  



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



  



 Din webbläsare stöder inte ljud hanteras med HTML5.







 </ Ljud>



OBS: För närvarande stöds ljudformat MP3, WAV och OGG.

Nedan är en skärmdump som gjorts med Firefox:

I samma kategori ...
E-Learning
CSS (kurs) CSS (kurs)
Webbdesign och tillgänglighet enligt W3C CSS och XHTML. Från 29 €.
HTML (kurs) HTML (kurs)
Det märkspråk för webben från 29 €.
Webbdesign (kurs) Webbdesign (kurs)
Designa webbsidor med HTML, CSS och dynamisk HTML. Från 39 €.
Sponsrade länkar