En HTML, **podemos incrustar contenido de audio y video directamente en las páginas web** usando las etiquetas `<audio>` y `<video>`, respectivamente. Primero, discutamos cómo incrustar audio:

## Incrustar Audio
La etiqueta `<audio>` incrusta contenido de audio en un documento HTML. Te permite reproducir archivos de audio directamente en el navegador.

## Atributos de Audio
- `controls`: Añade controles de audio estándar, como reproducir, pausar y ajustar el volumen, al reproductor;
- `autoplay`: Especifica si el audio debe comenzar a reproducirse automáticamente cuando la página se carga;
- `loop`: Especifica si el audio debe reproducirse en bucle continuamente.

**Ejemplo**:
```html
<audio controls autoplay loop>
  
</audio>
```

Es posible que hayas notado que solo hemos especificado las características del reproductor de audio, pero no hemos mencionado *de dónde proviene el audio.* Necesitamos la etiqueta `<source>`.

## Fuente
La etiqueta `<source>` se utiliza dentro de la etiqueta `<audio>` para especificar la URL del archivo de audio y sus atributos. Podemos usar el atributo `src` para especificar la URL del archivo de audio y el atributo `type` para especificar el tipo MIME del archivo de audio.
<br>**Ejemplo**:
```html
<audio controls autoplay loop>
  <source src="audio-url.mp3" type="audio/mpeg" />
  <source src="audio-url.ogg" type="audio/ogg" />
  Your browser does not support the audio element.
</audio>
```



En el ejemplo anterior:
- La etiqueta `<audio>` incluye atributos como `controls`, `autoplay` y `loop`;
- Las etiquetas `<source>` especifican las URLs de origen de los archivos de audio y sus tipos MIME;
- <u>Si el navegador no soporta la etiqueta `<audio>` o los formatos de audio especificados, se muestra el texto alternativo `Your browser does not support the audio element.`.</u>

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPkF1ZGlvPC90aXRsZT4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxhdWRpbyBjb250cm9scyBsb29wPgogICAgICA8c291cmNlCiAgICAgICAgc3JjPSJodHRwczovL2NvZGVmaW5pdHktY29udGVudC1tZWRpYS12Mi5zMy5ldS13ZXN0LTEuYW1hem9uYXdzLmNvbS9jb3Vyc2VzLzM5MmYyNGFjLTAxMjYtNGMzNC1hMjhhLWYyZjI2ZDEyMTk2Yi9zZWN0aW9uLTMvaW4tdGhlLWZvcmVzdC1hdWRpby1leGFtcGxlLm1wMyIKICAgICAgICB0eXBlPSJhdWRpby9tcGVnIgogICAgICAvPgogICAgICBZb3VyIGJyb3dzZXIgZG9lcyBub3Qgc3VwcG9ydCB0aGUgYXVkaW8gZWxlbWVudC4KICAgIDwvYXVkaW8+CiAgPC9ib2R5Pgo8L2h0bWw+

¿Qué etiqueta se utiliza para incrustar contenido de audio en un documento HTML?

¿Por qué se recomienda proporcionar el audio en múltiples formatos?

Domina los fundamentos de HTML. Explora todo, desde comprender la web hasta temas avanzados de HTML como listas, enlaces, imágenes, incrustación de medios, tablas, formularios y HTML semántico, y construye tu primer sitio web.

Obtén una introducción a la web y HTML, incluyendo la importancia de las etiquetas, elementos y atributos. Aprende sobre la estructura básica de un documento HTML y la breve historia de la web.

Domina los conceptos básicos del marcado HTML, centrándote en el formato especial de texto y listas, comprendiendo su importancia en la estructuración del contenido dentro de un documento HTML. Sumérgete en las complejidades de la estructura del documento HTML mientras perfeccionas las técnicas de marcado de texto.

Desbloquea el poder del contenido visual y auditivo en el desarrollo web mientras aprendes a integrar sin problemas imágenes, videos y elementos de audio en documentos HTML. Explora las sutilezas de incorporar varios formatos de medios.

Navega por las complejidades de la presentación de datos y la interacción del usuario con una cobertura completa de tablas y formularios en HTML, abarcando estructuras de tablas, creación de formularios y elementos de entrada. Adquiere competencia en la implementación de elementos de entrada de formularios y el aprovechamiento de atributos para una funcionalidad mejorada.

Eleva tus habilidades de HTML al siguiente nivel explorando elementos semánticos de HTML, lo que te permitirá crear contenido web bien estructurado y accesible. Emprende la construcción de tu primer sitio web, aplicando el nuevo conocimiento para dar vida a tus ideas.

Conceptos básicos de HTML

Audio

Incrustar Audio

Atributos de Audio

Fuente

Tutorial en Video

1. ¿Qué etiqueta se utiliza para incrustar contenido de audio en un documento HTML?

2. ¿Por qué se recomienda proporcionar el audio en múltiples formatos?