Como Fazer Um Mini Player?

[DaN_]

Como se faz um mini player como esses do site logo a baixo? Não da pra saber pelo codigo, quem puder explicar. Quero fazer um para por no meu blog mas sem essas imagens, só um quadradinho simples mesmo. valeu :P

Mini Players

Editado Junho 28, 2007 por DaN_

[Zero Cool]

pra por o player é só por um <object> da seguinte maneira:

<embed src="black.wpl" width="1" height="1" autostart="true" loop="false" id="player5" border="0" name="player5" hidden="true">

onde src="" sera o caminho da musica ( src="umbrelaa.mp3") ou a playlist do windows media player ( src="listademusica.wpl) widht e height: são as medidas do player autostart: é c ele vai começar sozinho (true) ou aguarda o usuario click em play(false) loop :é quando acabar as musicas ele volte do inicio (true) ou não (false) id: você sabe não é? name: ~~//~~ border : o tamanho da borda = a imagem hidden : true para invisivel e false para visivel dependendo da tamanho dele pode ser que os controles fiquem ocultos nesse exemplo tah widht e height = 1 porque comando ele atraves de javascript dependendo da extensão do arquivo executado e do pc do usuario o player pode ser o windows media player ou o quick time o media player sera sempre para extensões = .wpl, .wmv, wma um outro metodo também pode ser:

<OBJECT classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6" width="346" height="210">
<PARAM name="versionInfo" value="10.0.0.4036">
<PARAM name="uiMode" value="full">
<PARAM name="playState" value="0">
<PARAM name="URL" value="teste.mp3">
<PARAM name="fullScreen" value="False">

</OBJECT>

acho que o mozilla só enterpreta ele dessa maneira

[DaN_]

Valeu, o segundo codigo eu consegui fazer e compreender, mas o primeiro não. Foi mal a noobice :P mas é aque eu estou começando mecher com esse lance de codigos e internet agora, e tabm quero que fique bem claro porque outras pessoas podem precisar também. Mas vamos por partes como diria o Jack :P .

Por isso peguei esse codigo aqui abaixo como exemplo pra minha duvida que restou.

A parte do codigo do player eu entendi.

<!--------PLAYER -------->
<center><div style="visibility:hidden;position:absolute;top;">    
<OBJECT ID="mp" classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112" width="1" height="1"> 
<PARAM NAME="FileName" VALUE="http://animotaku.ubbi.com.br/01.mid"> 
<PARAM NAME="AutoRewind" VALUE="true">
<PARAM NAME="Balance" VALUE="0">
<PARAM NAME="AutoStart" VALUE="true"> 
<PARAM NAME="ShowDisplay" VALUE="false"> 
<PARAM NAME="ShowControls" VALUE="false">
<PARAM NAME="ShowTracker" VALUE="false">
<PARAM NAME="PlayCount" VALUE="0"> 
</OBJECT></div>

Mas e essa parte aqui? Seria a que define a imagem do player? como funciona? :huh:

<div id="miniplayer">
<div align="center" style="text-align:center; width:80;overflow:hidden;font-family:verdana;font-size:7pt">
<div class="miniplayer" style="width:80;text-align:center;
background:url('http://www.brumaximus.ubbi.com.br/players/mp4.gif'); height:80">
<div style="padding:2pt; width:80; height:20"> </div>
<div style="text-align: center; height:10; width:80">
<input type="button" value="4" 
style="font-size: 11pt; font-family: webdings; color:#339933 ; background:; 
border:0px none;" ONCLICK="mp.Play()">
<input type="button" value=";" 
style="font-size: 11pt; font-family: webdings; color:#339933 ; background:; 
border:0px none;" ONCLICK="mp.Pause()">
<input type="button" value="<" 
style="font-size: 11pt; font-family: webdings; color:#339933 ; background:; 
border:0px none;" ONCLICK="mp.Stop()"> </div>

<div id="Layer1" style="position:absolute; left:15px; top:45px; width:49px; height:5px; z-index:1"> 


  <marquee scrollamount="2"><font face="verdana" size="1" color="339933">Balada anos 60</font></marquee>

</div></div></div></center>

<!/-------PLAYER -------->

Valeu!

[Zero Cool]

correto a segunda parte é a que defne as imagens e quando clikadpo na img d play executa a função mp.Play() on mp e o id ou nome do player e play() é uma ordem para iniciar

[DaN_]

Aew :lol: valeu! Ta ai o resultado final pra quem quiser. Agora é so colocar o playerzim massa no meu blog :P

<!--------PLAYER --------->  

<table width="60" height="0" border="0" cellpadding="1" cellspacing="0" bordercolor="#009900"> 

<OBJECT ID="mp" classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" type="application/x-oleobject" 
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112" width="1" height="1"> 
<PARAM NAME="FileName" VALUE="[color=#FF0000]COLOQUE O ENDEREÇO DA MUSICA AQUI[/color]"> 
<PARAM NAME="AutoRewind" VALUE="false">
<PARAM NAME="Balance" VALUE="0">
<PARAM NAME="AutoStart" VALUE="true"> 
<PARAM NAME="ShowDisplay" VALUE="false"> 
<PARAM NAME="ShowControls" VALUE="false">
<PARAM NAME="ShowTracker" VALUE="false">
<PARAM NAME="PlayCount" VALUE="0"> 
</OBJECT></div>


<div id="miniplayer">
<div align="center" style="text-align:center; width:80;overflow:hidden;font-family:
verdana;font-size:7pt">
<div class="miniplayer" style="width:60;text-align:center; height:90">
<div style="padding:2pt; width:80; height:20"> </div>
<div style="text-align: center; height:10; width:80">
<input type="button" value="4" 
style="font-size: 11pt; font-family: webdings; color:#339933 ; 
border:0px none;" ONCLICK="mp.Play()">
<input type="button" value=";" 
style="font-size: 11pt; font-family: webdings; color:#339933 ; 
border:0px none;" ONCLICK="mp.Pause()">
<input type="button" value="<" 
style="font-size: 11pt; font-family: webdings; color:#339933 ; 
border:0px none;" ONCLICK="mp.Stop()"></div>

  <tr> 
    <td><div id="Layer1" style="position:left:15px; top:45px; width:55px; height:5px; z-index:1"> 
        <marquee scrollamount="2">
        <font face="verdana" size="1" color="339933">[color=#FF0000]COLOQUE O NOME DA MUSICA AQUI[/color]</font>
        </marquee></div></td>
  </tr>

</div></div></div></center></table>

<!/-------PLAYER --------------->

Aqui o endereço pra quem quiser dar uma sacada no resultado.

Sem necessidade pra um blog (-_-)"

Editado Junho 29, 2007 por fahledu

[Guest --Flavio --]

tah legal, eu peguei o código e coloquei, mas, no meu caso, eu usei um playlist (.wpl), e, alguém sabe como colocar os botões de "próxima" e "anterior"?

[Zero Cool]

mp.next() --> proxima

mp.previous() --> anterior

puro ingles ^^

[Guest --Rafael --]

só uma duvida esse player só toca midi ou toca outros formatos tb?

[Zero Cool]

pra qualquer arquivo

pra d video também

o q pode acontecer é q no pc do usuairo não apareça o video ou toque a musica

porque o dependendo do formato precisa d codec e o cara pode não ter

[Guest Visitante]

POR FAVOR TENHO UM PLAYER QUE EXECUTO UMA PLAYLIST (.WPL) É POSSIVEL FAZER QUE O PLAYER EXECUTE NO SITE EM ORDEM ALEATORIA?

desculpe pelas letras gigantes!!!

[Zero Cool]

só com flash

pra fazer o aleatorio

ou então com mtu javaScript

só q ai ficaria uma POG só

POG - programação orientada a gambiarra