O SoundCloud é um dos sites mais usados para disponibilizar arquivos de áudio na internet e grande parte de sua popularidade se deve aos seus players de áudio. No entanto, quem já utilizou a ferramenta sabe que em sua versão gratuita é disponibilzado apenas o player básico. Para se utilizar os players "mini" (uma versão minimalista e menos poluída visualmente) e "artwork" (personalizado a partir de uma imagem escolhida pelo usuário) é necessário contratar algum pacote da versão "premium" do SoundCloud, pagando, no mínimo, €29 por ano.
Abaixo você verá como adaptar o código de incorporação dos players do SoundCloud para utilizar essas outras duas versões, mais interessantes, de forma gratuita.
O player básico do SoundCloud, disponibilzado a todos os usuários, é esse:
Esta é a versão mini:
E esta é a versão "artwork":
Para usar ambos os players especiais você pode usar como base os códigos abaixo e fazer algumas simples alterações, conforme explico na sequência.
O primeiro código abaixo é o da versão mini do player, lembrando que troquei os sinais de < antes dos parâmetros "div", "object", "param" e "embed" por ??? para que o código ficasse visível e o player não fosse carregado. Ao utilizar o código você deve inserir o < no lugar de cada um desses "???".
Tudo o que você precisa fazer é pegar o código fornecido junto ao player padrão de uma determinada música e copiar o valor da url que aparece nele, como "http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fforceps%2Ffusile-combat-samba&". Basta copiar e colar esse valor substituindo a url no código abaixo, em laranja, e você terá o player mini com seu arquivo de áudio no SoundCloud. É importante lembrar que você deve fazer o upload de seu arquivo para o SoundCloud, isso não funciona com arquivos hospedados em outros sites.
???object height="300" width="300"> ???param name="movie"
value="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fforceps%2Ffusile-combat-samba&auto_play=false&player_type=artwork&color=000000">
???param name="allowscriptaccess" value="always">
???embed allowscriptaccess="always" height="300" src="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fforceps%2Ffusile-combat-samba&auto_play=false&player_type=artwork&color=000000" type="application/x-shockwave-flash" width="300">
???div class="widget tiny">
???object height="18" width="100%"> ???param name="movie" value="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fforceps%2Ffusile-combat-samba&auto_play=false&player_type=tiny&color=000000">
???param name="allowscriptaccess" value="always">
???embed allowscriptaccess="always" height="18" src="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fforceps%2Ffusile-combat-samba&auto_play=false&player_type=tiny&color=000000" type="application/x-shockwave-flash" width="100%">
???object height="18" width="100%"> ???param name="movie" value="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fforceps%2Ffusile-combat-samba&auto_play=false&player_type=tiny&color=000000">
???param name="allowscriptaccess" value="always">
???embed allowscriptaccess="always" height="18" src="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fforceps%2Ffusile-combat-samba&auto_play=false&player_type=tiny&color=000000" type="application/x-shockwave-flash" width="100%">
O mesmo deve ser aplicado no código do player "artwork" (abaixo), sendo
que a imagem apresentada será aquela que você subir para o SoundCloud
quando hospedar o arquivo de áudio no site. Alterando os valores de
"height" e "width", assim como no YouTube, você definirá o tamanho da imagem apresentada e, consequentemente, do player.
???param name="allowscriptaccess" value="always">
???embed allowscriptaccess="always" height="300" src="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fforceps%2Ffusile-combat-samba&auto_play=false&player_type=artwork&color=000000" type="application/x-shockwave-flash" width="300">



8 comentários:
tem como postar o player artwork
do soundcloud ou official no facebook?
abraços,
Pelo que vi, o aplicativo do SoundCloud ñ permite outro player no facebook além do padrão...
corrigindo o codigo para o player
###object height="18" width="100%">
###param name="movie" value="CODIGO DA MUSICA&&auto_play=true&player_type=tiny&color=ff7700">
###/param>
###param name="allowscriptaccess" value="always">
###/param>
###embed allowscriptaccess="always" height="18" src="CODIGO DA MUSICA&&auto_play=true&player_type=tiny&color=ff7700" type="application/x-shockwave-flash" width="100%">
###/embed>
###/object>
Opa!
Coloquei o HTML do player do Soundcloud num site. Mas só aparece no navegador "Goggle Chrome", no Explorer e no Firefox fica bugado...alguém sabe porque???
Eu preciso inserir o player em um fundo cinza, porém o fundo do player é branco.. não tem a variável do flash para mudar a cor de fundo.. só faltou isso, do resto esta tudo perfeito..
Funcionou no IE , FIREFOX, CRHOME ..
Use o novo player html5 do Soundcloud, o próprio site oferece essa opção.
Alguem sabe se existe um codigo comecar o player do set em uma musica diferente da primeira? Ex. Se o "single" do momento for a terceira, voce muda o codigo pro player comecar pela terceira. Valeu.
Achei: start_track. Valeu!
Postar um comentário