¿Cómo utilizar mejor la etiqueta de audio en HTML?



Este artículo presenta un tema interesante relacionado con el desarrollo web que es la etiqueta de audio en HTML con demostración práctica.

Este artículo presenta un tema interesante relacionado con el desarrollo web que es la etiqueta de audio en HTML. Este artículo te ayudará a explorar esto tema con demostración práctica. En este artículo se tocarán los siguientes consejos,

Así que comencemos entonces





Etiqueta de audio en HTML

HTML es obviamente lo primero que se nos viene a la mente después de escuchar el término Www. Básicamente, es lo que hay detrás de todos y cada uno de los sitios web que visita hoy.

HTML por sí solo no puede hacer justicia con algunos de los diseños más queridos que vemos hoy. Requiere ayuda y que es proporcionada por CSS o Hoja estilo cascada . HTML y CSS se pueden usar juntos para crear algunas páginas web atractivas.



Etiquetas y atributos en HTML

Ambos son los conceptos básicos del HTML y ambos funcionan juntos pero realizan diferentes funciones.

Etiquetas: Las etiquetas se utilizan para marcar el inicio del elemento HTML y están encerradas entre corchetes angulares.



Ejemplo:

La etiqueta anterior es la etiqueta de encabezado en HTML.

Atributos: son la información adicional sobre las etiquetas y se especifican dentro de la etiqueta.



pl tutorial de sql con ejemplos

Ejemplo:

<img src='Hello_world.jpg' todo='Mi primero programa'>

La etiqueta anterior es etiqueta de imagen y alt es el atributo de la etiqueta y proporciona la descripción de la imagen hello_world.jpg

Como hemos discutido los conceptos básicos que necesitábamos, ahora podemos avanzar más con el motivo de este artículo, que es HTML avanzado yEtiquetas CSS.

Continuando con este artículo de etiqueta de audio en HTML,

Etiqueta de audio

Como su nombre lo especifica, esta etiqueta es definitivamente responsable de los sonidos en la página web. Esto se puede utilizar para proporcionar música o cualquier otra transmisión a la página web. Los formatos admitidos actualmente que se pueden usar con etiquetas son MP3, WAV y OGG.

Ejemplo:

Su navegador no es compatible con la etiqueta de audio.

Enlace Gist de GitHub:

Salida - Etiqueta de audio en HTML - Edureka

Así es como aparecería un audio en la página web.

La línea que contiene el mensaje de que la etiqueta de audio no es compatible se muestra si el navegador utilizado por el usuario no es compatible con la etiqueta de audio.La etiqueta de audio se introdujo en HTML 5. Por lo tanto, los navegadores que no admiten HTML 5 no admitirán la etiqueta de audio.

Continuando con este artículo de etiqueta de audio en HTML,

Atributos de etiquetas de audio

Los atributos de la etiqueta de audio son:

  • Auto-reproducción: Garantiza que el audio comience a reproducirse tan pronto como se cargue en la página web.
  • Control S: Especifica que los controles de audio, como el botón de reproducción y pausa, se mostrarán en la página web.
  • Lazo: Especifica que el audio de la página web se reproducirá en bucle, es decir, una y otra vez.
  • Apagado: Asegura que la salida de audio de la etiqueta de audio se silenciará, es decir, no habrá sonido.
  • Precarga: Especifica el si y cómo del lado del autor, es decir, cómo el autor quiere que se cargue el audio cuando se carga la página web.
  • Src: Especifica la fuente del archivo, es decir, la dirección del archivo de audio que se utilizará.

Nota: La etiqueta de audio también admite los atributos globales en HTML como accesskey, class, dir, dropzone, hidden, id, lang, style.

Esto nos lleva al final de este artículo sobre etiquetas de audio en HTML.

Ahora que sabe qué es HTML, consulte el por Edureka. La capacitación para la certificación de desarrollo web lo ayudará a aprender a crear sitios web impresionantes usando HTML5, CSS3, Twitter Bootstrap 3, jQuery y las API de Google y a implementarlo en Amazon Simple Storage Service (S3).

Tienes una pregunta para nosotros? Menciónelo en la sección de comentarios de este artículo y nos pondremos en contacto con usted.