Índice

Insertar elementos multimedia con HTML5

1. El audio en HTML5

Dado que no todos los navegadores reconocen las mismas codificaciones de audio, resulta conveniente facilitarles diferentes formatos de codificación. De esta forma, cada navegador podrá utilizar la codificación que pueda reconocer.

En este ejemplo usaremos dos archivos de audio, con formato .mp3 y .ogg, que tienen el mismo nombre de archivo. Que sea el mismo nombre de archivo es importante para Dreamweaver, ya que eso le permitirá añadir diferentes alternativas.

Haga clic en el lugar de la página web donde desea insertar el archivo de audio.

En el menú Insertar o en el panel Insertar, seleccione HTML5 Audio.

images/19OWT-09.PNG

Dreamweaver inserta un elemento vacío en la página.

Seleccione el icono images/C19-005.png y utilice el panel de Propiedades.

A la derecha del campo Origen, haga clic en el icono con la carpeta para seleccionar el primer archivo de audio, el archivo .mp3 en este ejemplo.

Cuando Dreamweaver percibe que existe otro archivo de audio con el mismo nombre (el archivo con formato .ogg en este ejemplo) y lo sitúa en el campo Origen alt. 1.

En el campo Texto adicional, introduzca el texto que aparecerá si el navegador de los visitantes es demasiado viejo para usar HTML5.

La opción Controls muestra los botones de control de audio.

La opción Loop permite pasar el audio en bucle.

La opción Autoplay permite activar automáticamente el audio al cargar la página.

La opción ...