Cómo agregar audio a su html5 y css3 páginas web basadas

HTML ha apoyado imágenes durante mucho tiempo, pero ahora funciona igual de bien con archivos de audio. Este es un avance muy importante, como audio previamente requiere programas externos como Flash.

Es muy fácil para agregar audio a una página web en HTML 5 con el nuevo etiqueta. Aquí está el código para la creación de esta página:

audio.html

demostración de audio

Música: J. S. Llevar una vida de soltero "Allemande" Partita para violín nº 2

Aunque casi todos los navegadores actual soporta la etiqueta, todavía no pueden ponerse de acuerdo sobre el formato que debe soportar. Algunos navegadores son compatibles con archivos MP3, algunos apoyan un estándar más nuevo llamado Ogg, WAV y un poco de apoyo.

La mejor manera de estar seguro se reproduce el sonido es suministrar dos formatos diferentes. A menudo, incluyendo tanto los formatos Ogg y MP3 asegura que el audio se reproducirá en todos los principales navegadores.

Para añadir un archivo de audio a la página, siga estos pasos:

  1. Añadir la etiqueta de audio a la página.

    La etiqueta indica dónde se colocará un archivo de audio. Donde se coloca la etiqueta en el código corresponde a donde aparecerán los controles.

  2. A su vez en los controles.

    Se puede especificar un panel de control con el atributo. Esto provoca un pequeño mando a aparecer. Si deja esta directiva a cabo, no habrá panel de control, lo que significa que el usuario no será capaz de reproducir el clip.

  3. Crear AElement o dos.

    Dentro de la pareja, agregar uno o más elementos. Cada elemento de origen indica un archivo que va a enlazar.

  4. Establecer thesrcattribute para indicar el archivo.

    El atributo de la etiqueta se utiliza para indicar el nombre de archivo del archivo de audio que desea reproducir.

  5. Añadir un código alternativo para los navegadores antiguos.

    Cualquier código HTML adicional entre las etiquetas y será interpretado únicamente por los navegadores que no entienden la selección de sonido. Puede añadir un ancla ordinaria para descargar el efecto de sonido si lo desea. De esta manera, incluso aquellos con navegadores antiguos puede oír lo que se pierden.

Artículos Relacionados