Dentro do nosso documento HTML podemos adicionar áudios
Fazemos isso através da tag <audio>
Veja um exemplo:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="./assets/favicon.ico" type="image/x-icon">
<title>Carregando Áudios</title>
</head>
<body>
<h1>Carregando Áudios no HTML5</h1>
<p>Podemos adicionar áudios em um documento HTML5, fazemos isto através da tag <audio></p>
<audio src="./assets/busy_city-tracktribe.mp3" controls></audio>
<p>Busy City from TrackTribe available in <a href="<https://www.youtube.com/audiolibrary?feature=blog>" target="_blank" rel="external">YouTube Audio Library</a></p>
</body>
</html>
O atributo src
é o caminho do nosso arquivo de áudio
O atributo controls
permite ao usuário controlar o áudio (avançar, retroceder, pausar...), como na imagem a seguir:
Exemplo da tag <audio> com o atributo controls