Contenido del Curso
Conceptos básicos de HTML
Conceptos básicos de HTML
Audio
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:
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.
Ejemplo:
En el ejemplo anterior:
- La etiqueta
<audio>
incluye atributos comocontrols
,autoplay
yloop
; - Las etiquetas
<source>
especifican las URLs de origen de los archivos de audio y sus tipos MIME; - Si el navegador no soporta la etiqueta
<audio>
o los formatos de audio especificados, se muestra el texto alternativoYour browser does not support the audio element.
.
index
index
index
Tutorial en Video
¡Gracias por tus comentarios!