HTML5 Audio

Posteado el 09. Oct, 2012 por tuto in HTML y CSS, HTML5

Audio en la Web

Hasta ahora, no hay ningún estándar para la reproducción de archivos de audio en una página web.

Hoy en día, la mayoría de archivos de audio se reproduce a través de un plug-in (como Flash). Sin embargo, los diferentes navegadores pueden tener diferentes plug-ins.

HTML5 define un nuevo elemento que especifica un método estándar para insertar un archivo de audio en una página web: el elemento <audio>.

HTML5 audio - ¿Cómo funciona?

Para reproducir un archivo de audio en HTML5, esto es todo lo que necesita:

Code block

<audio controls="controls">
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

El atributo de control añade controles de audio, como reproducción, pausa y volumen.

Usted debe por lo tanto insertar entre entre etiqueta <audio> y </ audio> el código para los navegadores que soportan el elemento.

Y formatos de audio soportados:

Actualmente, hay 3 formatos de archivo admitidos para el elemento <audio>: MP3, WAV y Ogg:

Aquí les dejo un ejemplo fácil de como funciona el elemento <audio>

Code block

<!DOCTYPE html>
<html>
<body>
 
<audio controls="controls">
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Tu navegador no soporta este elemento de audio.
</audio>
 
</body>
</html>

Audio HTML5

Articulos relacionados:

Tags: css3, html5

Una respuesta para “HTML5 Audio”

Bitacoras.com

09. Oct, 2012

Información Bitacoras.com…

Valora en Bitacoras.com: Audio en la Web Hasta ahora, no hay ningún estándar para la reproducción de archivos de audio en una página web. Hoy en día, la mayoría de archivos de audio se reproduce a través de un plug-in (como Flash). Sin embargo……