Bachiller comercial
La etiqueta Audio en HTML5
Añadir sonido o archivos de audio a nuestras páginas web suele ser muy importante para algunos proyectos en específico, pero resultaba un pocoincómodo que dichos archivos de audios solo eran reproducido si el navegador en cuestión tenia instalado algún plugin (por ejemplo flash).
Por suerte ahora en HTML5 contamos con una nueva etiqueta o unnuevo elemento que especifica un estándar para incluir archivos de audio en nuestras páginas web sin necesidad de plugins que hagan este trabajo.
Se trata de la etiqueta y en este tutorial vamos ahablar de ella, sus atributos y ajustes y compatibilidad con los diferentes navegadores web
Esta etiqueta funciona igual a su hermano la etiqueta video, claro con diferentes formatos, pero su estructuraes parecida.
Para reproducir un archivo de audio en HTML 5 bastaría con abrir la etiqueta audio, colocarle la fuente por medio de src que nos dice la ubicación del archivo y cerramos la etiquetaaudio, el código básico que necesitaremos es el siguiente:
A continuación te presento una tabla con los diferentes y principales navegadores y sus archivos de audios soportados:
Al igual que laetiqueta de video y de los diferentes formatos, acá en audio tenemos que especificar lo mismo, múltiples formatos ya que no hay una definida que implemente todos los navegadores. Para esto vamos autilizar estos formatos: WAV, Ogg Vorbis y MP3.
De esta forma triplicamos el espacio preparado para el archivo pero garantizamos su perfecta compatibilidad.
Nota: IExplorer 8 y las versionesanteriores no soportan la etiqueta audio.
Atributos de la etiqueta audio:
La etiqueta audio en HTML5 cuenta con varios atributos para ampliar su funcionamiento, vamos a ver cuáles son:
* atributoautoplay: Bueno este atributo booleano es bastante intuitivo, lo que básicamente hace es cargar y ejecutar el sonido cuando cargue la página.
1
2
3
* atributo controls: Lo que hace este atributo...
Regístrate para leer el documento completo.