Los medios de comunicación con video de HTML5 y etiquetas de audio

Entre las novedades que el "HTML 5 características que las versiones anteriores, existe la posibilidad de llamar directamente a los contenidos multimedia a través de etiquetas dedicadas.
Anteriormente, la inclusión de este tipo de contenido en una página HTML necesario, en la mayoría de los casos, el uso de archivos externos (no estándar), como Adobe Flash. La alternativa a Flash fue sometido a condiciones muy restrictivas con respecto a las condiciones de multimedia, hoy en día que no son aptos para cumplir con los requisitos mínimos exigidos por muchos de los servicios de la Web 2.0 (piénsese, por ejemplo, YouTube).

Con la llegada de estas características están integradas en el lenguaje HTML5. Las etiquetas principales que son relevantes para multimedia:

• <audio>
• <video>

Refiriéndose a la referencia del W3C oficial ilustrar el uso de estas etiquetas riferrimento haciendo, también, de ejemplos prácticos.

La etiqueta <audio>

El <audio> etiqueta define todo lo que tiene que ver con el sonido como, por ejemplo, la música u otros sonidos.

Además de los atributos estándar (la lista está disponible en la red, por ejemplo en el sitio w3cschools.com ) la etiqueta de audio es compatible con las siguientes propiedades específicas:

• función de reproducción automática: si este atributo está presente, el juego se reproduce automáticamente el archivo de audio;
• controles: si se declara, se mostrarán los controles, como botones de reproducción y parada;
• loop: si se utiliza, determina el bucle (repetición) de los archivos de música cuando haya terminado;
• precarga: si está presente, el archivo de audio será cargado cuando se carga la página, con el fin de estar listo para jugar sin expectativas. Si el atributo autoplay se declara, la precarga se ignora;
• src: especifica la dirección URL del archivo de audio para reproducir.

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



  



 Su navegador no soporta audio manejado con HTML5.







 </ Audio>

La etiqueta también es compatible con <audio> la capacidad de manejar más de una fuente, en cuyo caso el atributo src se omite, y que acechan dentro de las etiquetas <audio>, etiquetas <source> lo siguiente:

 audio> controls="controls">



  



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



  



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



  



 Su navegador no soporta audio manejado con HTML5.







 </ Audio>

Nota: Los formatos de audio MP3, WAV y OGG.

A continuación se muestra una captura de pantalla hecha con Firefox:

• <<
• 1
• 2
• >>