El elemento HTML <audio> se utiliza para reproducir un archivo de audio en una página web. Para reproducir un archivo de audio en HTML, usa el elemento <audio>.
Ejm
<audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio>
Como trabaja
El atributo de controls agrega controles de audio, como reproducción, pausa y volumen. El elemento <source> permite especificar archivos de audio alternativos entre los que puede elegir el navegador. El navegador utilizará el primer formato reconocido.
El texto entre las etiquetas <audio> y </audio> solo se mostrará en navegadores que no admitan el elemento <audio>.
Autoplay
Para iniciar un archivo de audio automáticamente, usa el atributo autoplay.
<audio controls autoplay> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio>
Agrega muted después autoplay para permitir que tu archivo de audio comience a reproducirse automáticamente (pero silenciado):
<audio controls autoplay muted> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio>
Métodos, propiedades y eventos
El DOM de HTML define métodos, propiedades y eventos para el elemento <audio>. Esto te permite cargar, reproducir y pausar audios, así como establecer la duración y el volumen. También hay eventos DOM que pueden notificarte cuando un audio comienza a reproducirse, se detiene, etc.