Você está aqui: Home / dicas-interessantes / como colocar player de musica ou video no site.html

Como colocar Player de música ou vídeo no Site

     

Uma coisa interessante e que algumas pessoas ainda não sabem é como colocar um player de música ou mesmo vídeo no site.

Existem várias formas de se colocar um player em uma página web, isso ocorre porque existem vários tipos de players, mas veremos dois tipos de players nesse artigo.

O primeiro será através de objetos embutidos no browser, para isso veja o código abaixo:

<OBJECT id='mediaPlayer' width='370' height='280'
classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95'
codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701'
standby='Live TV Toolbar Loading Microsoft Windows Media Player components...' type='application/x-oleobject'>
<param name='fileName' value='song.mp3'>
<param name='autoStart' value='true'>
<param name='showControls' value='true'>
<param name='loop' value='false'>
<param name='ShowPositionControls' value='false'>
<param name='ShowStatusBar' value='True'>
<param name='ShowTracker' value='false'>
<param name='EnableContextMenu' value='false'>
<EMBED type='application/x-mplayer2'
pluginspage='http://microsoft.com/windows/mediaplayer/en/download/'
id='mediaPlayer' name='mediaPlayer' displaysize='4' autosize='-1'
bgcolor='darkblue' showcontrols='true' showtracker='-1'
showdisplay='0' showstatusbar='-1' videoborder3d='-1' width='370' height='280'
src='song.mp3' autostart='true' designtimesp='5311' loop='false'>
</EMBED></OBJECT>

Esse tipo de player é muito comum e sites que oferecem canais de tv online, mas você pode ouvir música com ele também. No código acima, o parâmetro fileName indica o arquivo, seja audio ou vídeo que você quer abrir. No nosso exemplo eu estou abrindo um arquivo chamado song.mp3. Ainda nesse player, há alguns parâmetros interessantes, como autostart, showcontrols, loop, etc. Creio que esses parâmetros são bem entuitivos, por isso não vamos perder tempo denominando o que cada um faz.

Vamos ver agora como colocar um Player em Flash no site

Existem vários tipos de flashplayers pela internet, mas vamos focar nos players gratuitos oferecidos pela Premium Beat. Veja como fazer isso passo a passo:

1- Acessar o site http://www.premiumbeat.com/flash_resources/free_flash_music_player/ e escolher o formato do player que você gostou
2- Fazer download dos arquivos do player.
3- Inserir o código do player em seu website, veja abaixo:

<script type="text/javascript" src="swfobject.js"></script>

Não esqueça de colocar também o código que irá configurar o player bem como a música, veja:

   var so = new SWFObject("playerSingle.swf", "mymovie", "192", "67", "7", "#FFFFFF");
   so.addVariable("autoPlay", "no");
   so.addVariable("soundPath", "song.mp3");
   so.write("flashPlayer");

No exemplo acima, estou o player está configurado para tocar a musica song.mp3.

Caso não tenha compreendido ou ficou com alguma dúvida, consulte o arquivo exemplo (sample) que foi baixado junto com o código do player.

Pessoal, é isso aí, vimos aqui duas formas muito comuns de se colocar players de música e de vídeo no site.

Até a próxima ;)

5 Responses to Como colocar Player de música ou vídeo no Site

Página 1 de 11
  • Muito pobre a sua explicação. No seu artigo você não menciona se o usuário precisa ou não ter algum conhecimento sobre o assunto. Você tem certeza que consegue se expressar em língua portuguesa do Brasil? Se tem porque indicou o arquivo “sample” como apoio? O arquivo é menos expressivo (e exatamente igual) ao que você colocou aí em cima. Mais um detalhe: geralmente os programadores são muito bons no que fazem, porém, acabam (por força e consequência dessa atividade) perdendo a capacidade de se comunicarem em sua própria língua nativa. Um exemplo é o fato de “postarem” os códigos e lá os largarem sem qualquer tipo de explicação. O famoso método “copie e cole”. Não estou desmerendo de qualquer maneira sua capacidade, pois creio que se postou esse artigo seja porque o conhece e já o utilizou com algum sucesso. Portanto deixo aqui uma dica que poderá fazer com que você “faça a diferença” como programador e editor desse Blog: Tente expressar-se em bom português ou faça uma observação em seus artigos mencionando a quem eles se destinam: programadores experientes, programadores iniciantes, curiosos, etc. Imagino que dessa forma não só você ganhará com isso, mas também todas as pessoas (abrangendo literalmente “todas as pessoas”) que, por acaso visitarem o seu Blog. Abraços e sucesso.

    12/07Responder
    Bartho
  • * desmerecendo

    12/07Responder
    Bartho
  • Pois é…
    Eu sou totalmente leigo em html, js, php ou qualquer outro tipo de programação.
    Me matei durante 3 meses para “construir” o site da minha empresa, enfim consegui deixa-lo mais ou menos como queria, só faltou um player na página inicial que continuasse a tocar quando o visitante fosse para outra página e com opção para o mesmo desligar ou abaixar o volume da música, coisa que até agora não descobri como fazer… pensei que aqui conseguiria, mas não rolou.
    Fiquei com uma duvida, os arquivos do player baixado no site, devo subir para o meu host via ftp, e os códigos coloco eles onde? index.php? index.html?
    Sei que podeparecer meio absurda estas dúvidas para alguns, mas para que não entende nada, são serias duvídas.

    Se alguém puder me responder agradeço!

    28/07Responder
    Charles veiga Santos
  • Achei muito bacana!
    Se alguém ainda tiver dúvida pode enviar mensagem pro meu email, farei o possível para ajudar.

    03/05Responder
    Carla
Página 1 de 11

Deixe um Comentário

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

*

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>