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">