quinta-feira, 11 de junho de 2009

[Desativados] Códigos de players de mp3 avulsos

Atualizado dia 22/08/2015.

Na atual versão da linguagem HTML, tocar mp3 em um site ficou bem mais simples. Confira o post Player de áudio com HTML 5.

clave-de-sol

Seguem três players mp3 em flash prontos para usar em blogs e sites. Ele são adequados para quando for disponibilizar um único arquivo em áudio e não quiser usar scripts como o Yahoo! Media Player e o Delicious Play Tagger.

Para utilizar em seu blog ou site, basta trocar o link marcado, como http://helenfernanda.uphero.com/ringtones/DougFunnie.mp3, pela URL exata de seu arquivo.

4shared

<embed type="application/x-shockwave-flash" src="http://www.4shared.com/flash/flvplayer.swf?ver=5974" id="ply" name="4shared" quality="high" allowscriptaccess="always" allowfullscreen="false" wmode="opaque" flashvars="file=http://helenfernanda.uphero.com/ringtones/DougFunnie.mp3&amp;volume=100" width="470" height="20"></embed>

Google Reader

<embed type="application/x-shockwave-flash" wmode="transparent" src="http://www.google.com/reader/ui/3523697345-audio-player.swf?audioUrl=http://helenfernanda.uphero.com/ringtones/DougFunnie.mp3" height="27" width="500"/>

Posterous

No código deste player você pode configurar também os nomes da música e do artista. Basta mudar os campos marcados abaixo:

<embed bgcolor="#FFFFFF" flashvars="file=http://helenfernanda.uphero.com/ringtones/DougFunnie.mp3&contenttitle=Tema&contentauthor=Doug Funnie" src="http://posterous.com/mp3player/posterousplayer.swf" height="100" width="500"/>

Odeo Player

Neste player, além do endereço exato do arquivo, você coloca o tempo de duração do áudio em segundos onde está escrito 137. Se você não colocar, o player vai funcionar, mas o cursor de andamento rosa não vai progredir junto.

<embed type="application/x-shockwave-flash" src="http://www.odeo.com/flash/audio_player_standard_gray.swf" width="400" height="52" allowScriptAccess="always" wmode="transparent" flashvars="audio_duration=137&amp;external_url=http://helenfernanda.uphero.com/ringtones/DougFunnie.mp3" />

Fontes dos scripts: 4shared, W3Schools e Posterous

Pix meutedio arroba mail ponto com

21 comentários:

  1. valeu mesmo helen estava a tempo atrais de player assim muito pratico e objetivo vai me ajudar muito estou criando um blogger de musicas e se não for incomodar eu gostaria de saber si tem como eu criar uma lista de musicas com botão para ouvir o áudio e outro para downloads para cada um deles.
    agradeço desde já pelas dicas
    email caliano2009@hotmail.com.

    ResponderExcluir
  2. olá helen agradecido pela dica de criar link até ai tudo bem mais ingerir ulr q vc recomenda acima é q ta pegando ja hospedei meus aquivos de audios em dois site diferentes mais no seu http acima esta http://music.htmhelen.com/mr-gyn-hino-do-goias-rock.mp3 serto.
    no meu ulr estar http://www.mediafire.com/?4zwju2momlne o outro site
    estar assim http://www.4shared.com/file/137551527/2bec152/Abandadjavubahia-pire-beat-remix-novissima.html
    ja troquei os ulr testando no meu blog mais nada de audoi si puder dar uma olhadinha fico grato e boa noite. http://saquamusic.blogspot.com/

    ResponderExcluir
  3. @caliano, se quiser hospedar áudio para executar no seu site, esses sites não servem.

    Para o seu caso eu recomendo a hospedagem do XPG.

    ResponderExcluir
  4. boa noite helen sigui suas dicas do xpg e fiz o teste com esse link. Abandadjavubahia-pire-beat-remix-novissima.mp3 q oxpg mostra mais não tocou no meu player desculpe me o incomodo pois sou novato em blogs um abraço e boa noite aguardando.

    ResponderExcluir
  5. @caliano, o link completo e correto é algo parecido com: http://www.nomedosite.xpg.com.br/Abandadjavubahia-pire-beat-remix-novissima.mp3, a não ser que você tenha colocado dentro de uma pasta, então seria: http://www.nomedosite.xpg.com.br/nomedapasta/Abandadjavubahia-pire-beat-remix-novissima.mp3

    ResponderExcluir
  6. olha eu aqui outra vez, testei os tres modelos e
    e o áudio nada já estou com o celebro quente por hoje chega e ficou assim.
    1
    http://sharex.xpg.com.br/files/7246365250/Abandadjavubahia-pire-beat-remix-novissima.mp3

    mais uma vez peço desculpa em estar ti incomodando tanto assim boa noite e até amanhã

    ResponderExcluir
  7. @saquamusic,

    1º Quando eu falei XPG eu falei do www.xpg.com.br. Eu nunca tinha ouvido falar nesse Sharex.

    2º O que não faz diferença, já que o XPG também mudou sua forma de disponibilizar arquivos.

    3º Eu descobri onde pode funcionar: SkyDrive. Para não haver confusão, o endereço é skydrive.live.com

    4º Após subir o arquivo, copie seu link com o botão direito do mouse, mas ao colar no player, retire tudo que está depois da extensão .mp3. Eu fiz um exemplo com a música que você estava usando nos testes: www.htmhelen.xpg.com.br/musica-do-caliano.html

    Até mais!

    ResponderExcluir
  8. boa tarde helen fui no site do xpg.com.br criei minha conta mais não consegui colocar minhas musicas la ai fiz o teste q vc recomendou do skydriversegui direitinho suas dicas o link original é assim.
    http://cid-3e6fc4cb8e48c0af.skydrive.live.com/self.aspx/.Public/musicas%20cbs/Abandadjavubahia-pire-beat-remix-novissima.mp3#resId/3E6FC4CB8E48C0AF!343
    e retirei o restante como vc sito.
    http://cid-3e6fc4cb8e48c0af.skydrive.live.com/self.aspx/.Public/musicas%20cbs/Abandadjavubahia-pire-beat-remix-novissima.mp3
    tesyei em todos player mesmo assim no meu blog nada de áudio.agradecido mais uma vez.

    ResponderExcluir
  9. @saquamusic,

    1º Eu não sabia que você não sabia fazer FTP, sinto muito. O XPG só é bom via FTP.

    2ª Esse link NÃO É O LINK DO ARQUIVO, é o link da página. Para pegar o link do arquivo você tem que clicar com o botão direito sobre o ícone azul (com a notação musical) e escolher a opção copiar link. Como eu já fiz isso por você, aí está:

    http://ysq3nq.bay.livefilestore.com/y1p3YpYj557leytA55CHjGH8bnno_WewNxf7MPbarF7TzF1D-ghzyyFnjLGGR-L6mIuBylRWmCBKxQ5jjVnDggGXw/Abandadjavubahia-pire-beat-remix-novissima.mp3

    Até mais!

    ResponderExcluir
  10. olha eu aqui de novo agora sim helem funcionou muito grato pela dica poço criar um poste no meu outro blog http://tudoparapcegames.blogspot.com/ com seus créditos devida mente no seu lugar q merece e vou recomendar seu link para meus conhecido um grade abraço e boa tarde.

    ResponderExcluir
  11. helen seria possível eu colocar outras musica naquele mesmo player como procedo no código acima.
    gostaria de colocar outras musicas porque eu teria q botar vários player no meu blog.

    ResponderExcluir
  12. @saquamusic, se tivesse usado a busca do blog teria encontrado o post Gerador de player mp3 colorido.

    ResponderExcluir
  13. Uau!
    Era isso que eu tava procurando pra colocar online o nosso PodCast!
    Muito obrigado! Jà tá aqui nos meus favoritos.
    Acabou de ganhar um leitor diário!
    Hehehe.
    Té.

    ResponderExcluir
  14. olá, vejo que vc é especialista.

    gostaria de colocar um playlist em meu blog ou um player que abre janela seperada, para hospedar meus audios. site de hospedagem: 4shared
    http://valdomilson2010.blogspot.com

    ResponderExcluir
  15. Valdomilson, eu precisaria fazer um post para ensinar isso, mas como não gosto de janelas pop-up, nem mesmo as solicitadas, vou passar sem essa. Boa busca no Google para você!

    ResponderExcluir
  16. Post atualizado hoje com o novo código do player do Google Reader.

    ResponderExcluir
  17. helen desse tipo de player funciona se eu botar mas de uma musica?

    ResponderExcluir
  18. Helen agradeço pelo player. Ficou muito legal, é prático demais.

    www.enoqueeelias.art.br veja como ficou.

    ResponderExcluir

Todos os comentários são moderados pela autora do blog.