Media met HTML5 video en audio-tags

Onder het nieuws dat de 'HTML 5 biedt dan de vorige versies, is er de mogelijkheid om direct bellen met de speciale multimedia-content via tags.
Eerder, de opname van dit soort content binnen een HTML-pagina nodig zijn, in de meeste gevallen, het gebruik van externe bestanden (niet standaard), zoals Adobe Flash. Het alternatief voor Flash werd onderworpen aan zeer beperkende voorwaarden met betrekking tot multimedia, de huidige voorwaarden die ongeschikt tot het minimum specificaties door veel van de diensten van Web 2.0 (denk bijvoorbeeld YouTube) te ontmoeten.

Met de komst van deze functies zijn geïntegreerd in de HTML5 taal. De belangrijkste tags die relevant zijn voor multimedia:

• <audio>
• <video>

Verwijzend naar de officiële W3C referentie illustreren het gebruik van deze tags riferrimento doen, ook voor praktische voorbeelden.

De tag <audio>

De tag <audio> definieert alles wat te maken als met geluid, bijvoorbeeld, muziek of andere geluiden.

In aanvulling op de standaard attributen (de lijst is beschikbaar op het internet, bijvoorbeeld op de site w3cschools.com ) de audio-tag ondersteunt de volgende specifieke eigenschappen:

• Automatisch afspelen: als dit kenmerk aanwezig is, zal het spel automatisch de audio-bestand;
• controles: indien de aangifte, geeft controles zoals Play en Stop buttons;
• lus: indien gebruikt, is bepalend voor de loop (herhaling) van muziek bestanden wanneer u klaar bent;
• preload: indien aanwezig, het audio-bestand zal worden geladen wanneer de pagina wordt geladen, om zo klaar te zijn om te spelen zonder verwachtingen. Als het automatisch afspelen attribuut wordt verklaard, is preload genegeerd;
• src: geeft u de URL van het audiobestand af te spelen.

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



  



 Uw browser ondersteunt geen audio beheerd met HTML5.







 </ Audio>

De tag ondersteunt ook <audio> de mogelijkheid om meer dan een bron, in welk geval de src attribuut wordt weggelaten beheren, en schuilt binnen de <audio> tags, labels <source> dit:

 <Audio controls="controls">



  



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



  



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



  



 Uw browser ondersteunt geen audio beheerd met HTML5.







 </ Audio>

Let op: momenteel ondersteund audio-formaten worden mp3, wav en ogg.

Hieronder is een screenshot gemaakt met Firefox:

• <<
• 1
• 2
• >>