Como adicionar um código de música HTML de fundo

...

Adicione música de fundo ao seu site para que os usuários aproveitem enquanto navegam.

Vários métodos de incorporar música em uma página da Web se tornaram populares desde os primeiros dias da World Wide Web. Notavelmente, a tag "embed" em HTML, reprodutores de áudio baseados em Java e reprodutores baseados em Flash são todas opções possíveis para adicionar música de fundo para uma página da Web, mas nenhuma solução foi universalmente adotada ou é totalmente compatível com todos os navegadores e plataformas. O padrão HTML5 mais recente inclui a tag "audio", que é definida especificamente para reprodução de áudio embutido.

Passo 1

Adicione o seguinte código em qualquer lugar no corpo do seu documento HTML para incorporar um arquivo de música e reproduzi-lo automaticamente quando um visitante navegar em seu site.

Vídeo do dia

Altere o atributo "src" para que contenha o caminho e o nome do arquivo de música que você deseja incorporar.

Passo 2

Adicione o atributo "loop" se desejar que o arquivo de música seja reproduzido continuamente:

etapa 3

Use várias tags "source" em vez do atributo "src" da tag "audio" se quiser oferecer ao navegador do usuário uma escolha de vários formatos de arquivo:

Neste exemplo, o navegador do usuário decidirá se reproduz o arquivo MP3 ou OGG. Essa técnica pode ser útil para visar dispositivos móveis que só podem reproduzir determinados formatos de áudio.

Passo 4

Aninhe a tag "embed" dentro da tag "audio" para fornecer suporte para navegadores mais antigos que não têm suporte para HTML5. Observe que o uso da tag "embed" está obsoleto (o que significa que não é mais obrigatório suportado), portanto, experimente essa técnica apenas se suspeitar que seus usuários estarão usando a Web desatualizada navegadores. Aqui está um exemplo:

Dica

Considere adicionar o atributo "controls" à tag "audio" para permitir que o usuário pare a música e altere o volume. Além disso, considere não usar o atributo "autoplay", a menos que haja um bom motivo para esse comportamento do navegador. Muitos usuários consideram irritante a música de fundo incorporada que é reproduzida inesperadamente sem sua permissão e sairão do seu site imediatamente.