WMP Player (controes não funcionam no FireFox)

Deivid Roza · Dezembro 22, 2009

Bom galera to montando um mini player no IE ele funciona que é uma beleza! (não consigo fazer mostrar o titulo da musica o album o tamanho mais isso é outro asunto) o problema é que no firefox os controles de play ,pause e outros não funcionam!

player.html


<HTML>
<script language=javascript>
	<!--
	navigator.plugins.refresh();
	titulo="";
	titulo_atual="";
	numero=0;

	function troca(){
	
	if (navigator.appName.indexOf("Netscape")!=-1 && document.all)
	{
 	numero=document.WMPlay.GetMediaInfoString(8);
 	numero=parseInt(numero);
	}
	}

 	numero=numero+1;
	
	function RegisterEventObservers()
	{
	var plugin = document.WMPlay;
 	document.appObs.setByProxyDSNewStreamObserver(plugin, true);
	troca();
 	numero=numero-1;
	}

	function OnDSNewStreamEvt(oldstate, newstate)
	{
	setTimeout('troca();',1000);
	} 	

	function PlayClick ()
	{
 	document.WMPlay.Play();
	}
	
	function StopClick ()
	{
 	numero=1;
 	document.WMPlay.Stop();
	if (navigator.appName.indexOf("Netscape")!=-1 && document.all)
 	document.WMPlay.SetCurrentPosition(0);
 	else
 	document.WMPlay.CurrentPosition = 0;
	}
	
	function PauseClick ()
	{
 	estado=document.WMPlay.PlayState;

	if(estado==1)
 	document.WMPlay.Play();
	else if (estado==2)
 	document.WMPlay.Pause();

	}
	
	function FowardClick()
	{
 	document.WMPlay.Next();
	}

	function BackClick()
	{
	numero=numero-2;
 	document.WMPlay.Previous();
	}

	function UpVolumeClick()
	{
	if (document.WMPlay.Volume <= -300)
 	document.WMPlay.Volume = document.WMPlay.Volume + 300;
	}

	function DownVolumeClick()
	{
	if ( document.WMPlay.Volume >= -8000)
 	document.WMPlay.Volume = document.WMPlay.Volume - 300;
	}

	function VerificaTitulo(titulo)
	{
 	navigator.plugins.refresh();
 	xy = titulo;

 	estado=document.WMPlay.PlayState;
 	
 	if (estado == 2)
 	{
 	titulo_atual = document.WMPlay.GetMediaInfoString(8);
 	titulo_atual = parseInt(titulo_atual);
 	numero=titulo_atual;
 	if (xy != titulo_atual)
 	{
 	troca();
 	}
 	}
 	
	timerID=setTimeout("VerificaTitulo(titulo_atual)", 5000);
	}


	//-->
</SCRIPT>

<BODY onload=VerificaTitulo(0)>

<a href="#">
<img src="imagens/volume_r1_c1.gif" width="20" height="20" border="0" alt="Diminuir Volume" onClick="DownVolumeClick()">
</a>
<a href="#">
<img src="imagens/volume.gif" width="50" height="20" border="0">
</a>
<a href="#">
<img src="imagens/volume_r1_c3.gif" width="20" height="20" border="0" alt="Aumentar Volume" onClick="UpVolumeClick()">
</a>
<a href="#">
<img src="imagens/player_r1_c1.gif" width="30" height="20" border="0" alt="Voltar" onClick="BackClick()">
</a>
<a href="#">
<img src="imagens/play.gif" width="50" height="20" border="0" alt="Iniciar" onClick="PlayClick()">
</a>
<a href="#">
<img src="imagens/player_r1_c3.gif" width="30" height="20" border="0" alt="Pausa" onClick="PauseClick()">
</a>
<a href="#">
<img src="imagens/player_r1_c4.gif" width="30" height="20" border="0" alt="Parar" onClick="StopClick()">
</a>
<a href="#">
<img src="imagens/player_r1_c5.gif" width="30" height="20" border="0" alt="Avançar" onClick="FowardClick()"></a>

	<OBJECT ID="WMPlay" width=139 height=19 border=0
	CLASSID="clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95F"
	codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=10.0.0.3646"
	standby=""
	type="application/x-oleobject">
 	<param name="FileName" value="<?echo$musica;?>">
 	<param name="TransparentAtStart" value="True">
 	<param name="ShowControls" value="0">
 	<param name="ShowDisplay" value="0">
 	<param name="ShowStatusBar" value="1">
 	<param name="AutoSize" value="0">
 	<EMBED type="application/x-mplayer2"
 	pluginspage="http://download.microsoft.com/download/winmediaplayer/nsplugin/10.0.0.3646/WIN98/EN-US/wmpplugin.exe"
 	src="musica.mp3"
 	NAME=WMPlay
 	ShowControls=0
 	ShowStatusBar=1
 	displaysize="0"
 	width=140 height=20>
 	</EMBED>

</body>
</html>

como disce aparesse um display que mostra a descrição da musica (igual o midia player só que só o display) ai no IE todos os comandos do script funcionam mais no firefox não!

se caso eu conseguice fazer funcionar os comandos nos 2 navegadores ai eu sumia com o display (deixando o player 1x1 de tamanho) e depois tentaria descobrir porque que não mostra na html o titulo o album entre outros (pois no site que peguei o codigo disia para deixar o player 1x1 de tamanho e tinha tanbem como fazer aparecer na propria HTML escrito o album o titulo entre outros.

Bom galera espero ter explicado certinhu.

DaniieL™ · Dezembro 22, 2009

Ja tentou outro Navegador sem ser

o FireFox .. derrepente de certo ..

o que parece seu problema

so ocorre só com ele exatamente Certo?

Um abraço.

Deivid Roza · Dezembro 23, 2009

Ja tentou outro Navegador sem ser

o FireFox .. derrepente de certo ..

o que parece seu problema

so ocorre só com ele exatamente Certo?

Um abraço.

Bom cara eu já testei este player no Opera e no Iexplorer funciona legal o player e os comandos! (comandos em java script)

Já no fire fox os comandos não funcionam ! Mais o player sim! ( se eu clicar com o direito do mouse e selecionar aumentar volume no player ele aumenta da play fas tudo certinhu mais os comandos dos botãoes não!)

Pensei em faser um player em flash mais como não manjo muito e n~tenho o Flash instalado nem me envolvo! Hehe

Mais acho este player muito bom já fix para varias pessoas o problema é que ñ funfa no FireFox (ñ funciona os comandos!)

E tambem vi uma ves este mesmo player (com este mesmo codigo) só que o player estava com 1x1 de tamanho ai para apareser o

Titulo , nome , numero da musica , album Etc.. o cara fes tipo um include na pagina sei la!

sei só que automaticamente o code do player identificava a ID das musicas e mostrava na HTML queria faser isso! (mais agora não acho o site em que eu peguei o code!)

Deivid Roza · Dezembro 30, 2009

Ae galera achei um otimo player funciona em qualquer navegador (fix como no TUTO e não funciono!) Se algume consegui arrumar eu ficarei muito grato!

Player.html

<title>[Titulo do Player]</title>
 <script language="javascript" src="bloqueio.js"></script>
 <script language="javascript" src="radio.js" type="text/javascript"></script>
 <script language="javascript">
 <!--
 function players(n) {
 if (n == 1) {
 StopClick();
 return false;
 }
 if (n == 2) {
 StopClick();
 }
 if (n == 3) {
 StopClick();
 }
 }
 function MM_openBrWindow(theURL,winName,features) { //v2.0
 window.open(theURL,winName,features);
 }
 function MM_preloadImages() { //v3.0
 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
 var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
 if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
 }
 //-->
 function MM_openBrWindow(theURL,winName,features) { //v2.0
 window.open(theURL,winName,features);
 }
 function MM_swapImgRestore() { //v3.0
 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++)
 x.src=x.oSrc;
 }
 function MM_findObj(n, d) { //v4.01
 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
 d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
 if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
 for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
 if(!x && d.getElementById) x=d.getElementById(n); return x;
 }
 function MM_swapImage() { //v3.0
 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
 if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
 }
 //-->
 </script>
 
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
 <style type="text/css">td img {display: block;}body {
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 }
 </style>
 </head>
 
 
 <body style="background-color: rgb(255, 255, 255);">
 
 <tbody>
 
 <tr>
 
 <td valign="top"><table align="center" border="0" cellpadding="0" cellspacing="0">
 
 <tbody>
 
 <tr>
 
 <td width="20"><img src="" alt="" name="logo" id="logo2" style="border: 0px solid;" /></td>
 
 <td width="4"> </td>
 
 <td width="53"><a href="#"><img style="border: 0px solid; width: 53px; height: 20px;" src="play.gif" alt="Iniciar" name="play11" id="play" onclick="PlayClick();" onmouseover="MM_swapImage('play11','','play.gif',1)" onmouseout="MM_swapImgRestore()" /></a></td>
 
 <td width="4"> </td>
 
 <td width="53"><a href="#"><img style="border: 0px solid; width: 53px; height: 20px;" src="stop.gif" alt="Parar" name="stop11" id="stop" onclick="StopClick();" onmouseover="MM_swapImage('stop11','','stop.gif',1)" onmouseout="MM_swapImgRestore()" /></a></td>
 
 <td width="4"> </td>
 
 <td width="10"><a href="#"><img style="border: 0px solid; width: 10px; height: 10px;" src="mais.gif" alt="+" name="mais11" id="mais" onclick="UpVolumeClick();" onmouseover="MM_swapImage('mais11','','mais.gif',1)" onmouseout="MM_swapImgRestore()" /></a></td>
 
 <td width="4"> </td>
 
 <td width="10"><a href="#"><img style="border: 0px solid; width: 10px; height: 10px;" src="menos.gif" alt="-" name="menos11" id="menos" onclick="DownVolumeClick();" onmouseover="MM_swapImage('menos11','','menos.gif',1)" onmouseout="MM_swapImgRestore()" /></a></td>
 
 <td width="4"> </td>
 
 </tr>
 
 </tbody>
 </table>
 
 </td>
 </tbody>
 </table>
 
 <div id="iRPlayer">
 <object id="WMPlay" classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,
1,52,701" standby="" type="application/x-oleobject" viewastext="" align="top" height="0" hspace="0" vspace="0" width="0"> 
 <param name="FileName" value="MUSICA.MP3" /> 
 <param name="AutoStart" value="True" /> 
 <param name="TransparentAtStart" value="false" /> 
 <param name="ShowControls" value="0" /> 
 <param name="ShowDisplay" value="false" /> 
 <param name="ShowStatusBar" value="0" /> 
 <param name="AutoSize" value="0" /> 
 <param name="AnimationAtStart" value="false" />
 <embed autostart="True" type="application/x-mplayer2" id="MediaPlayer" transparentatstart="false" showcontrols="0" showdisplay="false" showstatusbar="0" animationatstart="false" filename="MUSICA.MP3" autosize="0" align="top" height="0" width="0"> 
 </object></div>
 
 </body>
 </html>

Coloque as suas imagens:

play.gif
stop.gif
mais.gif
menos.gif

bloqueio.js

<!--
 function blockError(){return true;}
 window.onerror = blockError;
 //-->
 
 <!--
 function disableselect(e){
 return false
 }
 function reEnable(){
 return true
 }
 document.onselectstart=new Function ("return false")
 
 if (window.sidebar){
 
 document.onmousedown=disableselect
 
 document.onclick=reEnable
 }
 //-->
 
 <!--
 if (window.Event) 
 document.captureEvents(Event.MOUSEUP); 
 
 function nocontextmenu() 
 { 
 event.cancelBubble = true 
 event.returnValue = false; 
 
 return false; 
 } 
 
 function norightclick(e) 
 { 
 if (window.Event) 
 { 
 if (e.which == 2 || e.which == 3) 
 return false; 
 } 
 else 
 if (event.button == 2 || event.button == 3) 
 { 
 event.cancelBubble = true 
 event.returnValue = false; 
 return false; 
 } 
 
 } 
 if (document.layers) { 
 document.captureEvents(Event.MOUSEDOWN); 
 } 
 document.oncontextmenu = nocontextmenu; 
 document.onmousedown = norightclick; 
 document.onmouseup = norightclick; 
 //-->
 
 <!--
 function limitTextArea(mf,cf,m){if(mf.value.length>m){mf.value=mf.value.substring(
0,m);}else{if(cf!=null){cf.value=m-mf.value.length;}}}
 //-->

Radio.js

<!--
 
 primeira = true;
 
 function onstop()
 
 {
 
 MediaPlayer.Stop();
 
 }
 
 function onPlay()
 
 {
 
 MediaPlayer.Play();
 
 }
 
 function onpause()
 
 { 
 
 MediaPlayer.Pause();
 
 }
 
 function onVolumeUp()
 
 {
 
 if (MediaPlayer.Volume <= -1000) 
 
 MediaPlayer.Volume = MediaPlayer.Volume + 200;
 
 else 
 
 MediaPlayer.Volume = 0;
 
 }
 
 function onVolumeDown()
 
 {
 
 if (MediaPlayer.Volume >= -9000)
 
 MediaPlayer.Volume = MediaPlayer.Volume - 200;
 
 else 
 
 MediaPlayer.Volume = -10000;
 
 }
 
 function MM_preloadImages() { //v3.0
 
 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
 
 var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
 
 if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
 
 }
 
 //-->
 
 function MM_openBrWindow(theURL,winName,features) { //v2.0
 
 window.open(theURL,winName,features);
 
 }
 
 function MM_swapImgRestore() { //v3.0
 
 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++)
 x.src=x.oSrc;
 
 }
 
 function MM_findObj(n, d) { //v4.01
 
 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
 
 d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
 
 if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
 
 for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
 
 if(!x && d.getElementById) x=d.getElementById(n); return x;
 
 }
 
 function MM_swapImage() { //v3.0
 
 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
 
 if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
 
 }
 
 //-->
 
 </script>
 <object id="MediaPlayer" classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,
1,52,701" standby="Loading Microsoft® Windows® Media Player components..." type="application/x-oleobject" height="0" hspace="0" width="0">
 <param name="FileName" value="MUSICA.MP3" ref>
 <param name="AutoStart" value="-1">
 <param name="TransparentAtStart" value="-1">
 <param name="ShowControls" value="0">
 <param name="ShowDisplay" value="0">
 <param name="ShowStatusBar" value="0">
 
 <param name="AutoSize" value="0">
 <param name="AnimationAtStart" value="0">
 <param name="AudioStream" value="-1">
 <param name="AllowScan" value="-1">
 <param name="AllowChangeDisplaySize" value="-1">
 <param name="AutoRewind" value="0">
 <param name="Balance" value="0">
 <param name="BaseURL" value>
 <param name="BufferingTime" value="5">
 
 <param name="CaptioningID" value>
 <param name="ClickToPlay" value="-1">
 <param name="CursorType" value="0">
 <param name="CurrentPosition" value="-1">
 <param name="CurrentMarker" value="0">
 <param name="DefaultFrame" value>
 <param name="DisplayBackColor" value="0">
 <param name="DisplayForeColor" value="16777215">
 <param name="DisplayMode" value="0">
 
 <param name="DisplaySize" value="0">
 <param name="Enabled" value="-1">
 <param name="EnableContextMenu" value="-1">
 <param name="EnablePositionControls" value="-1">
 <param name="EnableFullScreenControls" value="0">
 <param name="EnableTracker" value="-1">
 <param name="InvokeURLs" value="-1">
 <param name="Language" value="-1">
 <param name="Mute" value="0">
 
 <param name="PlayCount" value="1">
 <param name="PreviewMode" value="0">
 <param name="Rate" value="1">
 <param name="SAMILang" value>
 <param name="SAMIStyle" value>
 <param name="SAMIFileName" value>
 <param name="Selectionstart" value="-1">
 <param name="Selectionend" value="-1">
 <param name="SendOpenStateChangeEvents" value="-1">
 
 <param name="SendWarningEvents" value="-1">
 <param name="SendErrorEvents" value="-1">
 <param name="SendKeyboardEvents" value="0">
 <param name="SendMouseClickEvents" value="0">
 <param name="SendMouseMoveEvents" value="0">
 <param name="SendPlayStateChangeEvents" value="-1">
 <param name="ShowCaptioning" value="0">
 <param name="ShowAudioControls" value="-1">
 <param name="ShowGotoBar" value="0">
 
 <param name="ShowPositionControls" value="-1">
 <param name="ShowTracker" value="-1">
 <param name="VideoBorderWidth" value="0">
 <param name="VideoBorderColor" value="0">
 <param name="VideoBorder3D" value="0">
 <param name="Volume" value="-600">
 <param name="WindowlessVideo" value="0"

Sinceramente! Acho que este player ñ vai funcionar pois ao meu pareser está faltando tags de terminação no RADIO.Js

0K não sei se eu posso postar mais tenhu o link de um outro forum (de onde peguei o tutorial) se alguem presisar posto ele aqui.

ñ acredito ninguem! vi este mesmo player em varios sites (todo mundo dis que não funciona)

Bha ajuda ae UP^^

Fever · Julho 1, 2010

Cara to com o mesmo problema que você, não sei porque, os comandos em javascript não funcionam no firefox.

Deivid Roza · Agosto 17, 2010

Vou até te passar oque eu fiz para resolver!

Cria uma pagina chamada Player.html

dentro dessa pagina você coloca um script que descobre qual o navegador a pessoa usa!

eu tenho um script feito em java script que descobre qual o navegador! e de cara ele já linka a pessoa para uma pagina diferente!

EXEMPLO:

A pessoa acessa: http:www.seusite.com.br/Player.html

ai a pagina descobre qual o navegador e linka para o player que funciona no devido navegador

http:www.seusite.com.br/player_firefox.html

e se for IEXPLORER

http:www.seusite.com.br/player_ie.html

BARBADA! mas.. você tera que fazer 2 players diferentes um com comandos java script para funcionar no IE e um com apenas o Shockwave do player (aquele player que parece com o WMP que já vem com os botãos prontos! o Famoso embed player)

Se precisar te passo o code para tudo! ou upo o mew player e te passo o link

Fever · Agosto 17, 2010

Beleza em Deivid, isso realmente deve funcionar!

Você poderia postar os códigos pragente?

O esquema que eu fiz, os códigos em javascript funcionavam no ie, mas não no ff

Se você puder disponibilizar o que funciona no firefox ai seria muito bom.

Ái oq o pessoal fazia ai pela net?

Gambiarra =X

Eles linkavam o stop pra um player que era só imagem, o play pra um outro player que realmente funcionava e tirava o aumentar e diminuir o volume.

mas convenhamos, não é o melhor a se fazer rsrs.

Deivid Roza · Agosto 19, 2010

Ae como disse meu site foi fechado! mais tinha um beckup no meu servidor hehe e como prometi está aqui pra geral aprender como fas um player inteligente XD

Galera quando eu estava escrevendo este post vi que ia ficar grande de mais! e não ia dar para passar as imagens! por isso fiz um upload do player em rar pra vocês.

Só peço a todos que baixarem que deixem um comentário sobre o player e sugestões! para que eu possa melhorar ele!

e não removam os créditos por favor! pois eu levei dias desenvolvendo algo do tipo!

Lembrando!!! este player erá aberto em uma janela POPUP e eu não tenho o link popup que eu usava para abrir ele! pois está pagina não estava no meu beckup. mais se eu achar por aqui perdido eu posto.

Senha para descompactar: imasters

Arquivo: http://www.4shared.c...2yD/Player.html

Dentro do rar tem um arquivo txt explicando +ou- como funciona. qualquer coisa posta aqui XD

Valew

Edit:

E pra não deixar ninguém na mão! desenvolvi o link agora hehe (link usado para abrir o player na janelinha certado tamanho certo)

Arquivado

WMP Player (controes não funcionam no FireFox)

Recommended Posts

Deivid Roza 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

DaniieL™ 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Deivid Roza 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Deivid Roza 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fever 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Deivid Roza 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fever 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Deivid Roza 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Javascript - Calcular Valores Monetário em Tempo Real

JavaScript - Exibir logo dentro da Tabela html

PHP+Codeigniter - Implementar o Input CÓDIGO ou ID do Produto

Fóruns

Tempo Real

Informação importante