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 gran avance, como audio requiere previamente programas externos como Flash.

imagen0.jpg

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

audio.html

Demo de Audio

Música: J.S. Bach "Allemande" Partita para violín nº 2

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

La mejor manera de estar seguro se reproduce el sonido es suministrar dos formatos diferentes. A menudo, incluyendo tanto Ogg y MP3 formatos 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. Cuando se coloca la etiqueta en el código corresponde a donde aparecerán los controles.

  2. Encienda controles.

    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 podrá reproducir el clip.

  3. Crear AElement o dos.

    En el interior del par, añadir uno o más elementos. Cada elemento de origen indica un archivo 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 más antiguos.

    Cualquier código HTML adicional entre los y las etiquetas será interpretada solamente por los navegadores que no entienden la etiqueta de sonido. Puede agregar un ancla ordinaria para descargar el efecto de sonido si lo desea. De esta forma, incluso los que tienen navegadores antiguos puede oír lo que se pierden.




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