1.3. Elementos multimedia html5.

El nuevo elemento html5 permite el uso de diferentes formatos de archivo puesto que los formatos que soportan los diferentes navegadores no son parte del estándar sino que depende de la implementación de cada fabricante. Puedes guiarte con esta tabla para comprobar que formatos soportan los navegadores más usados de forma nativa:

Códec Tipo IE >=9 Firefox Chrome Safari Opera
Ogg Vorbis Libre (BSD) no si si no si
WAV PCM Privativo (Microsoft, IBM) no si si si si
MP3 Privativo (En disputa) si no si no si en Linux y FreeBSD
AAC Bajo patente AAC si no si si si en Linux y FreeBSD

Una solución mediatica es

<audio controlsc>
<source src='archivo.ogg' type='audio/ogg' />
<source src='archivo.mp3' type='audio/mpeg' />
</audio>

Claro que esta solución nos lleva a duplicar la capacidad de almacenamiento. Quizas la mejor solución sea mediante javascript


Video

Html 5 puede incluir video usando la suguiente sintaxis

<video src="fuente" controls>
  Tu navegador no implementa el elemento video.
</video>

donde:

El atributo src puede ser una URL del archivo de audio o la ruta al archivo en el sistema local.

Nuevamente como el caso de audio no todos los navegadores soportan todos los formatos de video. En este curso usaremos jwPlayer quizás el plugin más usado para reproducir video