Como adicionar música no Webnode: 3 passos

Neste tutorial, iremos explicar como adicionar música no Webnode. Para isso, iremos utilizar os serviços gratuitos SoundCloud e YouTube. Como o Webnode suporta a incorporação de conteúdo HTML externos, poderá ainda usar outros serviços como o Spotify, SCM, etc.

Se necessário, poderá executar a música automaticamente através da opção “autoplay=1” do YouTube. Será igualmente possível “esconder” a janela do vídeo reduzindo as suas dimensões para valores mínimos.

youtube musica

Como adicionar música no Webnode


O SoundCloud permite hospedar as suas músicas online, ou utilizar as músicas já postadas. Para isso, comece por aceder ao SoundCloud e crie uma conta gratuita (caso deseje hospedar música).

Agora, faça uma pesquisa pela música que pretende adicionar ou faça o upload da sua música (Atenção, é essencial respeitar os direitos de autor). Em seguida, clique no botão “Partilhar”.

Como adicionar música no Webnode

Clique no separador “Embed” e configure como deve ser exibido o player no Webnode. Poderá configurar a cor do player, adicionar o “Artwork” e ainda configurar se pretende que a música toque automaticamente, sempre que alguém visitar o site. Copie o código de incorporação “iframe”.

musica webnode


Por fim, aceda ao painel de administração do seu site Webnode. Toque no botão “+” e selecione a opção “HTML” e cole 0 código fornecido pelo SoundCloud. Salve as alterações e verifique se a sua música é reproduzida corretamente.

adicionar música no Webnode

Usando o YouTube

O YouTube é provavelmente uma das maiores fontes de música online. Na prática, será possível usar um vídeo para adicionar música no Webnode. Será possível reproduzir a música automaticamente (opcional) e esconder a janela do vídeo reduzindo o seu tamanho para 5 pixeis.

Para isso, comece por aceder ao YouTube e pesquise o vídeo que pretende usar. Agora, clique no botão “Partilhar” que surge na parte inferior da janela do vídeo do Youtube.

Surgirá uma janela de prévisualização, com algumas opções do YouTube. Desative todas as opções selecionadas (vídeos sugeridos, “Mostrar controlos do vídeo, etc”.

partilhar musica youtube webnode

Agora, aceda ao painel administrativo do seu Webnode e clique no Botão “+” para adicionar conteúdo. Selecione a opção “HTML” e cole o código de incorporação do seu vídeo. Para esconder a janela do vídeo, basta definir os valores “width” e “height” para um valor reduzido, por exemplo “5”.

Para reproduzir o vídeo automaticamente, será necessário usar a opção “autoplay=1”. Para isso, volte a aceder ao código de incorporação do vídeo do YouTube e no final do link adicione o trecho “&autoplay=1”. Exemplo:

<iframe width="5" height="5" src="https://www.youtube.com/embed/crdvdv0WSHM?rel=0&amp;controls=0&amp;showinfo=0&autoplay=1"

Partilhar

Deixe um Comentário

O seu endereço de email não será publicado. Campos obrigatórios marcados com *