Apps de música: adicionar e configurar um player da SoundCloud
5 min de leitura
Neste artigo
- Etapa 1 | Adicione o player da SoundCloud
- Etapa 2 | Adicione o URL da SoundCloud ou o código de incorporação
- Etapa 3 | Configure seu player
- Etapa 4 | Faça o design do seu player
- Solução de problemas do player da SoundCloud
Compartilhe sua música favorita da SoundCloud no seu site. Com esse player personalizável, fica mais fácil do que nunca exibir faixas, playlists e podcasts. Basta colar um URL ou incorporar código da SoundCloud no seu player e conectar-se.
![Uma captura de tela de um site online com um player da SoundCloud.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2024/06/20/5f51cc2e-7a37-48b1-b79d-82bb41a39d88/ea17243c-9a8b-4c81-b5f5-72fc9aea1e28.png)
Etapa 1 | Adicione o player da SoundCloud
Primeiro adicione o aplicativo SoundCloud ao seu site. Depois, você pode vincular à sua música e personalizar as configurações e o design do player.
Editor Wix
Editor do Wix Studio
Painel de controle
- Vá para o seu editor.
- Clique em Elementos
no lado esquerdo do editor.
- Clique em Vídeo e música.
- Clique em Player da SoundCloud.
- Arraste o player para sua página.
![Uma captura de tela mostrando o painel Elementos com o Player da SoundCloud destacado.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2024/06/14/f7b0ad5e-9729-4b3c-8ab5-f79060857e54/024cc44a-c689-42c4-8baf-dffcf92e08c9.png)
Etapa 2 | Adicione o URL da SoundCloud ou o código de incorporação
Em seguida, recupere o URL ou o código de incorporação da faixa, álbum ou playlist e adicione-o ao player no seu site.
Para adicionar um URL ou código da SoundCloud:
- (Na sua conta da SoundCloud) Procure a música que você deseja adicionar.
- Clique em Compartilhar.
- Clique em Compartilhar ou Incorporar.
![Uma captura de tela das opções de compartilhar e incorporar na SoundCloud.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2024/06/20/0b9f4689-8439-44ba-a65c-462964db5e2f/ed5f3bc8-cabc-48e9-99bd-ea7af29448f9.png)
- Copie o URL ou o código.
- (No seu editor) Clique no player da SoundCloud.
- Clique em Configurações.
- Cole o URL ou o código.
- Clique em Confirmar.
![Uma captura de tela do botão de confirmação na aba Configurações.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2024/06/20/bf702127-a964-45c3-b785-5b203ffe11bf/de3591c1-ee6b-46ae-9fef-66da103db7ac.png)
Etapa 3 | Configure seu player
Agora é hora de escolher o que seu player da SoundCloud mostra aos visitantes. Você pode exibir quantas vezes a música foi reproduzida e quaisquer comentários feitos pelos usuários da SoundCloud.
Para ajustar as configurações do player:
- Clique no player da SoundCloud no seu editor.
- Clique em Configurações.
- Clique na alavanca relevante para mostrar ou ocultar a contagem de reproduções e os comentários.
![Uma captura de tela da aba de configurações com as alavancas destacadas.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2024/06/20/79439b50-e316-4483-8d62-6387f12643cb/b11c4304-8f03-4b65-81b2-e500a2c72a93.png)
Etapa 4 | Faça o design do seu player
Por fim, personalize a aparência do seu player da SoundCloud para melhor complementar o design do seu site.
Para personalizar o design do player:
- Clique no player da SoundCloud no seu editor.
- Clique em Configurações.
- Clique em Design.
- Escolha o que você deseja personalizar:
- Escolha um layout: selecione um layout que funcione melhor para você.
- Cor: escolha uma cor para o botão de reprodução do seu player SoundCloud.
![Uma captura de tela das opções de design da SoundCloud.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8bfd4238-b80c-4a51-9f46-b907c2acff01/2022/10/11/f4554f10-eeca-4742-b209-1dcfc7fc9d5a/6c8181ac-6a85-41d6-9185-2306a1cfe5f6.png)
Solução de problemas do player da SoundCloud
Clique nos problemas abaixo para saber como resolvê-los:
Você vê uma mensagem de erro no editor
A música não está tocando
Ainda precisa de ajuda?
Se o problema persistir, entre em contato conosco e ficaremos felizes em ajudar. Inclua as seguintes informações:
- O nome e a versão do navegador que você está usando.
- O nome e a versão do sistema operacional do seu computador.
- Uma captura de tela da visualização do seu console usando as etapas abaixo:
- Abra uma janela anônima no Google Chrome (Ctrl + Shift + N).
- Faça login no Wix e tente abrir seu Editor.
- Use o atalho de teclado Ctrl + Shift + J (no PC) ou Cmd + Option + J (no Mac).
- Clique na aba Console na parte superior do painel e atualize a página (F5).
- Faça uma captura de tela dessa aba.