Cómo incrustar archivos de audio en un documento html 5

Video: HTML insertar musica de fondo y videos de Youtube -9- crear una pagina web con el bloc de notas HTML

Cuando desee añadir audio a una página web, todo lo que necesita hacer es codificar el archivo de audio original, que con un poco de suerte será la grabación original, en cada uno de los formatos aptos para la Web e integrar todos ellos en el documento HTML 5 como sigue:

Video: INSERTAR IMAGEN Y MUSICA DE FONDO EN HTML BN EXPLICADO(BLOC DE NOTAS)

  1. Crear un documento HTML5 en Dreamweaver o su editor de HTML favorito.

    Video: HTML5 - Audio

  2. Cambie a la vista Código de su editor HTML.

    Video: Insertar video con HTML5

  3. Coloque el cursor en el cuerpo del documento.

    Eso sería en cualquier lugar después de la etiqueta.

  4. Escriba el siguiente código:

     

    Las tres primeras líneas de código jugarán el formato de archivo compatible con el navegador del usuario. Si el usuario accede a la página con un navegador más antiguo, se mostrará la advertencia en la cuarta línea de código.

  5. Guarde el documento y probarlo en cada navegador utilizado por su público objetivo.

    Si utiliza Dreamweaver CS6, puede utilizar los laboratorios de navegador de Adobe para probar el documento en cada navegador que soporte HTML5. Se accede a los laboratorios de Adobe navegador seleccionando Archivo → → previa en el explorador de Adobe navegador laboratorio.

Los pasos anteriores son muy bien para música de fondo, pero para incrustar un archivo de audio con mandos en un documento HTML 5, coloque el cursor donde desea que el jugador que aparezca en el paso 3, y cambiar el código en el paso 4 a lo siguiente:

 

Este código permite la reproducción de audio en un navegador HTML 5 para los niños. Si el visitante del sitio utiliza un navegador que no soporta HTML5, se muestra la cuarta línea de código.

Artículos Relacionados