Skip to main content

audio

El elemento audio permite incluir en el documento html un sonido, como puede ser música, un flujo de audio como un podcast, o una emisión de “radio”. El elemento audio es una incorporación nueva en HTLM5. El texto incluido entre las etiquetas de apertura y cierre del elemento audio se muestra solo en aquellos navegadores que no soportan esta característica.

  • autoplay. Se inicara la reproducion de la fuente de audio en cuato este disponible.
  • controls. Muestra controles basicos de audio. Pausa, parada, reproducion, etc.
  • loop. El audio volverá a reproducirse desde el princio al finalizar.
  • preload. Especifica si el audio se cargara junto la carga del documento.
  • src. Indica la URL donde esta la fuente de audio.
  • accesskey. Especifica una tecla rápida para acceder al elemento.
  • class. Referido a una clase especificada en una hoja de estilos.
  • contenteditable. Si el usuario podrá editar el elemento.
  • contextmenu. Un menú de contexto mediante el id de un elemento menu
  • dir. Especifica la dirección del texto del elemento (ltr, rtl, auto)
  • draggable. Especifica si el usuario puede arrastrar el elemento.
  • dropzone. Especifica que suceden se deposita un objeto sobre el elemento.
  • hidden. Si en elemento aparecerá oculto.
  • id. Identificación único del elemento.
  • lang. Especifica el lenguaje.
  • spellcheck. Comprobación de deletreo y gramática.
  • style. Especifica particularidades CSS de estilo en el elemento.
  • tabindex. Especifica el orden de salto de la tecla tab.
  • title. Un texto que facilita información complementaria.

Mediante el elemento source podemos indicar múltiples fuentes de audio para solventar las limitaciones que el navegador tiene en cuanto al soporte de los diferentes formatos de audio.

Se trato este elemento como novedades de HTML5.

Etiqueta Audio en HTML5

Hasta la llegada de HTML5 la reproducción del audio dependía de la presencia de un pluging, normalmente flash. HTLM5 instaura un modo para incluir audio en la web. La etiqueta <audio> puede reproducir un fichero de audio o un stream de audio.

Los formatos de audio que se usan principalmente son tres. El formato abierto Ogg, y los propietarios MP3 y Wav. Lamentablemente cada navegador soporta unos y no otros. Solo Chrome soporta los tres. Opera y Firefox soportan ambos Ogg y Wav.

Incluir audio en nuestra web tan solo requiere incluir el siguiente código:

El atributo control tiene como función incluir los controles de reproducción, pausa y volumen. El contenido entre las etiquetas audio se mostraría en navegadores que no tienen soporte.

Como hemos dicho anteriormente no todos los navegadores soportan todos los formatos de audio. Podemos servirnos de la etiqueta <source> para incluir en audio a reproducir en distintos formatos. EL primero listado que tenga soporte por el navegador será el usado por él.

Los atributos de <audio> son:

autoplay autoplay El audio se reproducirá tan pronto sea posible.
controls controls Los controles de audio se mostrarán.
loop loop El audio se reproducirá en bucle sin fin
preload preload Se carga el audio a la carga de la página.
src url La URL de la fuente de audio.
type mime Especifica el tipo mime del fichero de audio