>> Tecnologia eletrônica >  >> Lar inteligente >> Vida Inteligente

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


Vários métodos de incorporação de música em uma página da Web tornaram-se populares desde os primeiros dias da World Wide Web. Notavelmente, a tag "incorporar" em HTML, players de áudio baseados em Java e players baseados em Flash são todas as opções possíveis para adicionar música de fundo a 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 incorporado.

Etapa 1


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



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

Etapa 2


Adicione o atributo "loop" se quiser que o arquivo de música seja reproduzido repetidamente:


Etapa 3


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



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

Etapa 4


Aninhe a tag "incorporar" na tag "áudio" para fornecer suporte a navegadores mais antigos que não possuem suporte a HTML5. Observe que esse uso da tag "incorporar" está obsoleto (o que significa que não é mais oficialmente necessário para ser suportado), portanto, experimente essa técnica apenas se suspeitar que seus usuários usarão navegadores da Web desatualizados. 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 uma boa razão para esse comportamento do navegador. Muitos usuários acham a música de fundo incorporada que toca inesperadamente sem sua permissão irritante e sai do seu site imediatamente.