>> Tecnologia Eletrônica >  >> Casa Inteligente >> Vida Inteligente

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

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.