2 replies to this topic

[tiagotdi]

Como faço para fazer uma mascara para o media player, eu fiz uma no photoshop, so que ele nao cobre os comandos, usei o esquema de camadas do dreamweaver, mas não obtive o resultado esperado...
e Outra, conseguindo sobrepor os comandos, como faço para criar os comandos: play, stop...etc...

este site tem um player super legal..

http://virgula.terra.com.br/tvirgula/

se puderem me ajudar agradeço....

[LeandroSJC]

Primeiro você insere o objeto na página:

<object id="MPlay1" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.micro...sion=6,4,5,715" standby="Loading Microsoft® Windows® Media Player components..." type="application/x-oleobject" width="240" height="24" align="texttop">
<param name="FileName" value="sounds/exemplo.wma">
<param name="ShowDisplay" value="FALSE">
<param name="uiMode" value="mini">
<param name="ShowStatusBar" value="TRUE">
<param name="StatusBar" value="TRUE">
<param name="AnimationAtStart" value="FALSE">
<param name="ShowAudioControls" value="TRUE">
<param name="ShowPositionControls" value="TRUE">
<param name="ShowControls" value="FALSE">
<param name="AutoSize" value="FALSE">
<param name="AutoStart" value="TRUE">
<param name="AutoRewind" value="TRUE">
<embed type="application/x-mplayer2" pluginspage="http://www.microsoft...ad/default.asp" filename="/storage/sounds/foibaba.wma" uimode="mini" src="sounds/exemplo.wma" autostart="1" showstatusbar="0" showdisplay="0" autosize="0" showcontrols="True" autorewind="1" statusbar="false" animationatstart="false" showaudiocontrols="TRUE" showpositioncontrols="False" width="240" height="24" align="texttop">
</embed>
</object>


Usa um script como esse:

<script language="javascript">
function PlayClick(){
MPlay1.play();
play.src ='linha_play2.jpg';
istop.src ='linha_stop1.jpg';
}

function StopClick(){
MPlay1.stop();
play.src ='linha_play1.jpg';
istop.src ='linha_stop2.jpg';
}

o1 = new Image;
o1.src ='linha_play1.jpg';
o3 = new Image;
o3.src='linha_stop1.jpg';

</script>

Depois você linka a imagem assim:

<a href="#" onclick="PlayClick()"><img src="linha_play2.jpg" width="33" height="37" border="0" name="play"></a>
<a href="#" onclick="StopClick()"><img src="linha_stop1.jpg" width="27" height="37" name="istop" border="0"></a>

Repare que o ID do objeto está no script também.

[tiagotdi]

valeu cara...