Els mitjans de comunicació amb vídeo HTML5 i les etiquetes d'àudio

Entre les addicions a les característiques d'HTML5 "que les versions anteriors és possible cridar directament als continguts multimèdia a través d'etiquetes dedicades.
Anteriorment, la inclusió d'aquest tipus de contingut en una pàgina HTML va demanar, en la majoria dels casos, l'ús d'aplicacions externes (no estàndard), com ara Adobe Flash. L'alternativa a Flash va ser sotmès a condicions molt restrictives pel que fa a les condicions de multimèdia, no aptes per complir amb els requisits mínims exigits per molts dels serveis de la Web 2.0 (penseu, per exemple, YouTube) d'avui.

Amb l'arribada de HTML5 aquestes característiques estan integrades en el llenguatge. Les etiquetes principals que són rellevants per a multimèdia:

• <audio>
• <video>

Referint-se a la referència del W3C oficials il · lustren l'ús d'aquestes etiquetes riferrimento fent, també, d'exemples pràctics.

L'etiqueta <audio>

L'etiqueta defineix tot <audio> que té a veure amb el so com, per exemple, la música o altres sons.

A més dels atributs estàndard (la llista està disponible a la xarxa, per exemple en el lloc w3cschools.com ) l'etiqueta d'àudio és compatible amb les següents propietats específiques:

• autoplay: Si aquest atribut és present, el joc es reprodueix automàticament el fitxer d'àudio;
• controls: si es declara, es mostraran els controls, com botons de reproducció i parada;
• loop: si s'utilitza, determina el bucle (repetició) de l'arxiu de música quan hagi acabat;
• precàrrega: Si està present, l'arxiu d'àudio es pot precarregar en carregar la pàgina, per tal d'estar llest per jugar sense expectatives. Si l'atribut es declara de reproducció automàtica, la precàrrega s'ignora;
• src: especifica l'adreça URL de l'arxiu de so per reproduir.

 àudio> src = "driin.ogg" autoplay = "autoplay" controls = "controls">



  



 El seu navegador no suporta àudio manejat amb HTML5.







 </ Àudio>

L'etiqueta també és compatible amb <audio> la capacitat de manejar més d'una font, en aquest cas l'atribut src s'omet, i el fil, al <audio> etiqueta, <source> etiqueta com aquesta:

 àudio> controls = "controls">



  



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



  



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



  



 El seu navegador no suporta àudio manejat amb HTML5.







 </ Àudio>

Nota: Els formats d'àudio MP3, WAV i OGG.

A continuació es mostra una captura de pantalla feta amb Firefox:

• <<
• 1
• 2
• >>