Código:
As partes marcadas são aquelas que você deve personalizar. O resultado é o seguinte:
Caso seu navegador não seja compatível com HTML 5, você verá apenas um link para baixar ouvir a música no Yahoo! Web Player em formato mp3.
Para disponibilizar o arquivo em apenas um formato (o que não é recomendado ainda), o código é o seguinte:
Resultado em formato ogg, que não vai funcionar no Internet Explorer nem no Safari:
Resultado em formato mp3, que não vai funcionar no Opera:
Resultado em formato wav, que não vai funcionar no Internet Explorer:
Para que o áudio se repita automaticamente e sempre, até que o visitante interrompa, use loop="loop" dentro da tag <audio>:
Segue um áudio bem curto com loop para você perceber como funciona:
Se você quer que o áudio toque automaticamente ao abrir a página, use autoplay="autoplay":
Veja um exemplo de autoplay clicando aqui.
Outro exemplo com loop:
Saiba quais formatos funcionam em cada navegador:
| Formatos: | mp3 | ogg | wav* |
|---|---|---|---|
| Chrome: | sim | sim | sim |
| Firefox: | sim | sim | sim |
| Internet Explorer 9: | sim | não | não |
| Opera: | não | sim | sim |
| Safari: | sim | não | sim |
*Apesar de ser compatível com quase todos os navegadores, o formato wav não é muito adequado para a web, por ser muito pesado e, consequentemente, ter carregamento lento.