Recebemos muitas perguntas sobre o que fazer para colocar música no site.
Muitas pessoas ainda desejam adicionar este tipo de recurso ao criar seus sites, apesar disto não ser mais utilizado há muito tempo pela maioria dos webdesigners.
A música no site acaba sendo um elemento totalmente desnecessário e que só traz problemas, como tempo adicional para carregamento do site, irritação do visitante com músicas repetitivas ou músicas que não lhe agradam, etc.
Uma música mal escolhida ou irritante pode fazer com que o visitante saia rapidamente do seu site. Já o contrário não é verdadeiro, uma música boa ou agradável não tem o efeito de manter o visitante no seu site.
Deste modo, recomendamos o uso de música no site com muita moderação.
Mas como há sempre espaço para o uso inteligente e criativo de um recurso como este, resolvemos criar este artigo explicando as opções existentes para se adicionar uma música a um site.
BGSOUND
A Tag HTML <BGSOUND /> é uma maneira de adicionar uma música de fundo (Background Sound) na sua página.
Você deve adicionar um código parecido com o abaixo entre as Tags <HTML> e </HTML> do seu site:
<BGSOUND SRC=”/musica.mp3″ />
Substitua o texto “musica.mp3″ pelo caminho do arquivo de música que está no diretório do seu site no seu provedor de hospedagem de sites.
Você pode também adicionar uma propriedade LOOP neste código, seguida de um número. Esta propriedade vai orientar o Internet Explorer a reproduzir o arquivo de áudio o número de vezes informado, e então vai parar.
Isso pode ser interessante quando você deseja reproduzir uma música continuamente. Se você não informar o parâmetro LOOP, o arquivo será tocado somente uma vez.
<BGSOUND SRC=”musica.mp3″ LOOP=”3” />
Você pode adicionar o código HTML com a Tag BGSOUND dentro de um módulo Script, se você usa o Construtor de Sites Zooming.
Nos nossos testes, esta Tag funcionou no Internet Explorer, mas não funcionou no FireFox, e provavelmente não vai funcionar em outros navegadores também.
EMBED
Outro modo de adicionar um arquivo de música ao seu site é usar a Tag HTML <EMBED />
Você deve adicionar um código semelhante ao abaixo entre as Tags <HTML> e </HTML> do seu site:
<EMBED SRC=”/musica.mp3″ AUTOSTART=”TRUE” HIDDEN=”FALSE”/>
Substitua o texto “musica.mp3” pelo caminho do arquivo de música que está no diretório do seu site no seu provedor de hospedagem de sites.
A Tag EMBED possui dois parâmetros que são o AUTOSTART e HIDDEN.
O parâmetro AUTOSTART indica se a música deve ser iniciada automaticamente ou não, através dos valores “TRUE” ou “FALSE”.
O parâmetro HIDDEN indica se o controle da música deve estar escondido ou não. Ele ficará escondido se o valor informado for “TRUE” ou ficará à mostra se for “FALSE”.
Você pode adicionar o código HTML com a Tag EMBED dentro de um módulo Script, se você usa o Construtor de Sites Zooming.
Nos nossos testes, esta Tag funcionou no Internet Explorer, mas não funcionou no FireFox, e provavelmente não vai funcionar em outros navegadores também.
META
Outro modo de adicionar um arquivo de música ao seu site é usar a Tag META.
Você deve adicionar o código com a Tag META entre as Tags <HEAD> e </HEAD> do seu site.
Adicione um código como o abaixo no seu site para inserir o arquivo de música:
<meta http-equiv=”REFRESH” content=”2;URL=’/musica.mp3?autostart=true'”>
Este código tem três valores importantes informados dentro do parâmetro “content”, que são o número 2 (neste caso o navegador vai aguardar 2 segundos antes de iniciar o arquivo de música), o nome do arquivo de música e o valor “true” para o parâmetro “autostart”, que instrui o navegador a iniciar automaticamente a música.
O uso desta opção não é possível para quem usa o Construtor de Sites Zooming, pois não há como inserir código HTML entre as Tags <HEAD> e </HEAD> no código HTML gerado pelo construtor.
Nos nossos testes, esta Tag funcionou no Internet Explorer, mas não funcionou no FireFox, e provavelmente não vai funcionar em outros navegadores também.
Uso de um Player em Flash
O modo mais atual para inserir uma música em um site é com o uso de um Player em Flash.
O Player Flash é um programa que controla a reprodução da música na sua página.
Existem Player Flash mais elaborados que mostram o nome da música, possuem controle de volume, listas de execução, gráficos de equalização, etc.
Se você sabe programar em Flash, poderá criar um Player Flash personalizado para o seu site.
Para quem não sabe programar em Flash existem diversas opções de Players Flash disponíveis na Internet, alguns pagos e outros grátis.
Cada Player possui uma característica interessante, como o preço, a aparência, os recursos fornecidos, etc.
Vamos demonstrar a instalação de um Player Flash gratuito, disponível no site PremiumBeat.
Neste site você encontrará diversas opções de Players Flash gratuitos. Todos eles mostram o ícone do site PremiumBeat, que é na verdade um link para o site. Se você desejar remover este ícone e link, deverá fazer um pagamento à PremiumBeat para obter a versão sem o ícone.
Nesta demonstração vamos instalar o Player Flash “Mini Flash mp3 Player”. Clique no link “Instructions & download” para baixar o arquivo ZIP com o Player Flash e instruções.
Na próxima página clique no link “Download flash music player” para baixar a versão gratuita, ou no link “BUY without logo for $19.95” para comprar a versão sem o logotipo da PremiumBeat.
Após baixar o arquivo playerMiniPackage.zip, extraia os arquivos em uma pasta no seu computador.
Abra então com seu editor de textos “Bloco de Notas” (ou outro que abra arquivos TXT) o arquivo “sampleEmbedCode.html”.
Dentro deste arquivo você encontrará um bloco de código que deverá ser copiado e colado dentro da sua página. Este bloco está delimitado entre as marcações “<!– Begin Copy/Paste –>” e “<!– End Copy/Paste –>”.
Neste bloco de código encontre o texto “song.mp3” e substitua-o pelo nome do seu arquivo de música.
Cole então este bloco de código onde você deseja que apareça o Player Flash na sua página. Você poderá também alterar o texto “This text will be replaced by the flash music player” por uma mensagem em português, como “Este texto será substituído pelo Player Flash de música”.
Você pode adicionar este código dentro de um módulo Script, se você usa o Construtor de Sites Zooming.
Você poderá também alterar a propriedade “autoPlay”, trocando o valor para “yes” para que o Player Flash inicie automaticamente a música assim que for carregado.
Envie então os arquivos “playerMini.swf” e “swfobject.js” para o seu site, via FTP ou com o gerenciador de arquivos do Painel de Controle Zooming.
Está pronto, o Flash Player deverá aparecer na página onde você inseriu o bloco de código, e a música começará a ser tocada.
Esta opção deverá funcionar em todos os navegadores Web que permitem o uso de Flash nas páginas.
Vou montar um site especializado em carros e pensei em colocar a opção do internauta escolher uma musica pra ouvir enquanto navega no site. Por categoria, cantor ou música.
Olá Samoel,
Algumas versões mais elaboradas de Players Flash possibilitam que você crie listas de músicas que tocarão no seu site.
Normalmente as versões mais elaboradas destes players são pagas.
[]’s
Equipe Zooming
Olá, consegui inserir o player em meu site, porém a url da música que quero que o player toque é de outro servidor.
Mesmo colocando-a exatamente como é no arquivo .xml não consigo executá-la…qual o problema?
Abraço!
Olá Bruno,
Este Player Flash é de uma empresa não relacionada à Zooming, então não sabemos informar se ele sempre funcionará corretamente com um arquivo proveniente de outro site.
Fizemos o teste com o arquivo vindo do mesmo site, e deste modo funciona corretamente.
[]’s
Equipe Zooming
Oi, até aí tudo bem, legal… Mas e como fazer com que toque somente a música que estiver em forma de link, ou seja, fazer com que, ao clicar em um título de uma música que foi mostrado em forma de link na página, ao clicar nele, é aberto o player e executado a música?
obrigado
Olá Sergio,
O Player demonstrado é uma versão mais simples.
Existem diversos outros Players mais elaborados, geralmente produtos comerciais, que permitem que você crie listas de músicas, rádios online, responda a eventos como cliques em links para selecionar a música, etc.
[]’s
Equipe Zooming
Na verdade eu queria que ao clicar em um link executasse a tag embed ou object…
Por exemplo:
“Clique na música abaixo para ouví-la.”
“Atirei o pau no gato” (em forma de link para, ao clicar, executa a tag embed)
“Parabéns pra você”
Obrigado
Gostei das dicas. Me contento com os mais simples citados primeiro. Mas eu queria que a musica fique tocando sem interrupções ao navegar pelos links [do mesmo site]. É assim que vai ficar? Se não… como faço?
Outra… como deixo o controle “flutuante”?? Ao inves de fixo em algum lugar da pagina?
Grato
Olá Fábio,
Acredito que o único modo de fazer isso é usar frames na sua página, e sempre deixar um frame fixo, onde estará o controle que toca a música.
Com isso o a página que toca a música não irá recarregar nas trocas das páginas do site.
O uso de frames não é muito recomendado por especialistas em Webdesign, pois causa alguns problemas de navegação.
Você poderá encontrar muitas informações e exemplos sobre frames HTML no Google.
[]’s
Equipe Zooming
OLA, TENTEI DE TODAS A S FORMAS COLOCAR MUSICA EM MEU SITE APARTIR DAS DICAS QUE APRENDI COM VCS. NÃO CONSEGUI. ONDE SERA QUE ESTOU ERRANDO?
O SRIPT TENHO QUE COLOCAR NA HOME ?
ME AJUDEM
ABRAÇO
IVO
para vc iniciar o codigo se certifique que todos os arquivos estão dentro da mesma para ou o endereço que colocou esta correto…
ex: se coloque uma pasta no desktop os arquivos do site terão que estar todos dentro dela.
então apenas coloque o link direto para o arquivo
veja:
ex: trilha.mp3
loop é igual a quantas vezes a música irá tocar.
vamos a estrutura básica de um site.
nome da pagina
insira aqui o código do arquivo de música para tocar ao acessar o site…
tudo será posto dentro desta tag <> como: músicas, vídeos, links, arquivos de download e etc.
salve como: (teste.htm)
espero ter ajudado falow, add no msn e orkut
isaque_musico@hotmail.com (msn)
issaque_viollao@hotmail.com (orkut>
Cra soh digo uma coisa vc foi objetivo e explicou tudo oque eu queria saber!
abraços
VC É O ISAQUE QUE EU CONHEÇO OU SERÁ QUE É OUTRO ISAQUE?
Nossa. achei fraquinho a materia. primeiro que menospreza um dos ramos do design. Sound design. será que o “tubarao” seria o mesmo sem o som de 3 notas que foram colocadas no lugar certo. nao preciso responder né. e depois que utilizou maneiras antigas de se colocar musica em um site. a opção do flash é otima e ainda da controle para o usuario. sem falar em radio online com streaming.
gostei de muitos outros posts, mas esse achei fraquinho.
abraço galera!
Olá Rodrigo,
Concordo plenamente com o comentário sobre “Sound Design”.
Mas o que eu quis dizer neste artigo é que na esmagadora maiora das vezes o uso de som em sites é muito ruim.
Sinceramente, não lembro de nenhum site com um uso bom de som.
Se seu site tem como objetivo mostar um conteudo multimídia, com certeza o som será um grande aliado.
Mas se seu site mostra seus produtos por exemplo, um som de fundo com certeza vai irritar a grande maioria dos visitantes.
No artigo comentei sobre todos os modos que conheço para colocar som no site, inclusive com o uso de Flash, que mencionei também ser a melhor opção.
Sobre rádio online, é um assunto totalmente diferente, com um objetivo totalmente diferente, que usa serviços especializados de streaming, como você mesmo comentou. Nestes casos geralmente você vai usar um player em Flash também, mas com configurações especiais para acessar o servidor de streaming (Windows Media Server, Adobe Flash Media Server, etc).
[]’s
Alexandre
Olá,
Estou tentando criar uma página com mini-players para os usuários, daqueles que têm a figura gif de um rádio ou player. Tudo certo, fica lindo, mas toca a música só no meu PC. Quando envio a música, o background e a página com o código, não toca nada.
Onde estou errando? Será que o código não aceita midis?
O código é este; não precisa publicá-lo para não ocupar espaço:
NOME DA MUSICA
<input type="button" value="
Obrigada.
Não conseguir o codigo para inserir musica no site.
Se vc poder me mandar o codigo te agradeço.
Se poder manda para meu e-mail
Desde ja agradeço
ATT-Alexander Albuquerque
Olá Alexander,
Em qual dos programas você tentou gerar o código?
Que erro ocorreu? Por favor, explique melhor para que possamos ajudá-lo.
[]s
Equipe Zooming
Oi Eu quero Colocar um link para tocar no meu site…é radio ao vivo mas nao consigo….como posso ta fazendo???
Agradeço desde Ja
Oi…
Tenho adicionado a tag alterando o caminho do diretório, entretanto, quando a minha página é aberta o comando não obedece, e o som começa tocando, e só para quando clico na tecla “ESC” ou seleciono com o mouse “parar” do vídeo. Sempre que volto para esta página, é automático, é como se a tag não existisse.. rs
Existe algo que possa ser feito para que o som obedeça a TAG, tocando só a pedido da pessoa?
O navegador que utilizo é o Internet Explorer…
Já tentei também pelo Firefox, porém sempre pede uma instalação de plugins.
Fico no aguardo…
Atenciosamente,
Desculpa, tentei copiar a tag, mas parece que não dá, mas é embed e os atributos são hidden e autostart, os quais estes últimos considerei como “false”.
Desde já brigadu pela paciencia!!!
Sabem qual é o meu problema?
Apenas a página inicial do meu site toca a música, pois foi nela que inseri o codigo… mas existe alguma maneira de perpetuar esse som, mesmo quando o visitante clica em outra página…??? porque se inserir em todas, a música sempre omeçara do inicio…
Abraço.
Amigo gostaria de saber como façõ para colocar varias musicas do meu gosto, neste mesmo código:
EMBED SRC=”/musica.mp3? height=”60″ width=”200″ AUTOSTART=”FALSE”></embed
e tambem se somente em blco de notas, pois tenho um programa editor html. sem mais obrigado…
aee, tem como colocar mais de uma Música na página suando a TAg Embed ?
cara …eu quero colocar a musica do aerosmitu miss a thing …
mas não dá…
ME MANDE O URL para postar pequeno
Olá Carol,
Que problema especificamente você está encontrando?
Por favor, explique melhor para que possamos ajudá-la.
[]s
Equipe Zooming
Bom Dia a todos
Amigo eu estou tentando uma maneira em que eu cosigo fazer tocar a midia play da primeira pagina em todas as outras sem parar quando passar a pagina
olá, eu tenho a mesma dúvida que você. o meu site não está construido por frames e não queria que ao mudar de página a musica parasse nem começasse de novo.
Oi Boa Noite, Tenho esre codigo ai:
Gostaria de saber como faço p/ ele inicia automaticamente no site….
se puder me ajudar, desde já abradeço…
Oi Boa Noite outra vez , Tenho esse codigo ai sem o espaço grande:
Gostaria de saber como faço p/ ele inicia automaticamente no site….
se puder me ajudar, desde já abradeço
eu quero abrir uma pagina so de musica
Olá Sara,
A nossa dica é para inserir música em seu site. Mas nada impede que você crie um página somente com música. Para isto, o ideal seria utilizar um player mais avançado.
[]s
Equipe Zooming
Oi, Boa Noite e eu me respode ai
o codigo não quer aparecer no recado que estou enviando…mais no site tem o play deele…
ola amigo td bom ??
gostaria q minha musica toque no meu site em todas as paginas sem precisar carregar toda vez q à visito (ela continue tocando de uma pagina pra outra se parar )
LLOOOLLLL Vlw galera consegui colocar,musica!!kkkkkkkkkkkkkkkkkk vcs nao sabem o qto me ajudou!!!!Este site vai para a lista de favoritos!!!Recomendarei este site ate o final da vida!!!kkkkkkkkkkkkkkkkkkkkk ;D 😛
…
Ola, n estou conseguindo baixar este player http://www.premiumbeat.com/flash_music_players/original/mini
pode me ajudar.
Olá Higor,
Que tipo de problema exatamente você encontra?
[]s
Equipe Zooming
Ola.
Não encontro os links para efetuar o download do .swf e os scripts para configuração do mesmo.
como colocar um player pronto, no blog, no topo e fixo e quando mudar de pagina dentro do blog o player nao pare de tocar, me ajuda preciso muito
Olá Ricardo,
Como o código do player é inserido na página, ao mudar de página ele para de tocar.
Talvez vocE^possa inserir o código no cabeçalho do seu blog, mas para isso você deve entender um pouco de programação.
[]s
Equipe Zooming
onde ezatamente devo por o codigo?
não entendi direito pode me ajudar?
Olá Lucas,
Você deve inserir o código no código html da página onde você deseja inserir o player em seu site.
[]s
Equipe Zooming
Usei tags html para rodar uma música , calculei que colocando a música no FTP e copiando o endereço a música ia rolar , depois enviei para o youtube na tentativa que o play iria fazer a m´sica rodar a partir de lá ! tá brabo não to entendendo mais nada .
Onde eu colocaria a música pros players buscarem ? ou a música geraria um código binário e tocaria a partir disso ?
o flash ja reteria a música nele ?
falou
Olá Marco,
Você deve enviar a musica para o diretório do site via FTP mesmo.
Depois, você deve editar o código do player informando o caminho do arquivo de musica, que normalmente é o seudominio.com.br/arquivodamusica.mp3, caso o tenha enviado para o diretório raiz do seu site.
[]s
Equipe Zooming
Olá eu estou com um projeto do curso para fazer e preciso criar um site e ja esta quase pronto.
Eu usei esse e funcionou , sendo que eu quero colocar mais musicas dentro dele , e que as pessoas tenha a opção de ir passando as musicas se elas quiserem.
e estou totalmente perdida, não estou conseguindo , quando eu repito o código ela abre outro PLAYER e eu não quero.
Por favor me ajudem , preciso terminar isso urgente .
Obrigada!
Olá Fernanda,
Para maiores informações técnicas, por favor solicite ajuda em nosso suporte técnico:
https://www.zooming.com.br/suporte-e-contato/
[]s
Equipe Zooming
Como posso colocar música no meu site?
Olá Marco,
Basta seguir o passo a passo descrito no tutorial.
[]s
Equipe Zooming
Oi Alexandre,
Você sabe dizer se existe uma forma de colocar o MP3 em um site com várias páginas separadas (tipo Home.html, Contato.html… etc) sendo que ele não reinicie em cada página que a pessoa entrar, sem usar iFrame?
Obrigada,
Mari.
Olá Mariana,
Infelizmente utilizando os players normais, a cada página a música é reinicializada.
Você teria que contratar um programador web para gerar um código que permitisse manter a música tocando mesmo com a troca de páginas.
[]s
Equipe Zooming
Ola, Estou criando um site pro Projeto final do meu Curso.
Minha Duvida e o Seguinte.
Como faço pra colocar musica no site?
Meu Site tem os Seguinte Menus : Home | Localidade | Galeria | Fale Conosco.
Quero colocar musica no site, mas eu quero que a musica continue tocando caso eu mude de Menu. Por Exemplo: Estou no Menu Home, Mudo para Galeria. Quero q a musica continue tocando entendeu ?
Não quero por apenas musica no meu site quero por fotos,editar o meu site mais não sei presciso de uma grande ajuda por favor me ajudem o menu do meu site é :Inicio ,contactos
Só tem isso no meu menu presciso de uma grande enoreme ajuda e não sei fazer nada
quero por uma musica na internet mas nao tenho coragem 🙁
Olá.
Minha dúvida é sobre a parte : Substitua o texto “musica.mp3″ pelo caminho do arquivo de música que está no diretório do seu site no seu provedor de hospedagem de sites
Como faço isso, não entendi muito bem esta etapa!!
Baixei um template que ja vem com player, só não consigo por a musica…por favor, me ajudem
Olá Caique,
você precisa enviar o arquivo mp3 da sua música para o servidor onde o player irá procurar a música.
[]s
Equipe Zooming
Gostaria de saber como tocar a musica ao apertar em algum botão
tem como me passar o código ?
Adorei o tópico! Muito útil e já estou colocando em prática.
Criei um site recentemente, tudo foi eu mesma quem editei.
E com essa dica posso aprimorar ele ainda mais. Obrigada!
gostaria de saber como coloco mais de um mp3 para tocar uma pois outra no html
Olá Cesar,
Para isto você precisará adicionar um player que permita carregar uma playlist.
Veja um exemplo disso em:
https://www.zooming.com.br/fazer-site/snack-tools-crie-uma-playlist-de-musicas-para-o-seu-site/
[]s
Equipe Zooming
Olá usei a tag e o mozilla não renderizou,não mostrou nada mas o chrome vai reconhecer a tag?
Olá gostaria de saber faço para inserir duas uma musica depos trocar por si
ex: toco a primeira depos automaticamento toca a segunda.
Qual é os codigos?
Olha eu quero colocar um fundo musical em toda materia que se trata de nota de falecimento.Não tenho a miima ideia de como fazer isso, mesmo com a sua explicação e até porque meu site é em Joomla.Poderia me dar uma dica mais simples.
Fala, meu velho. Parabéns pelo tutorial.
Você tem alguma indicação de player de mp3 para site com nome da música e opções volume, pular e download?
Abraços.
Obrigado pelo post.
Att.
Não entendi muito bem mas valeu o post, parabéns!
O artigo discute diferentes métodos para adicionar música a um site, destacando as desvantagens e limitações de cada abordagem. Ele sugere moderação no uso de música devido ao potencial de irritação dos visitantes e problemas de carregamento. Recomenda o uso de players em Flash como uma opção mais contemporânea, fornecendo instruções para sua instalação. Em suma, enfatiza a importância de considerar cuidadosamente os impactos antes de incorporar música a um site.