Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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"](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"](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.
>
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!)
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,](http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,) <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>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(<!--
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,](http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,) <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^^
Cara to com o mesmo problema que você, não sei porque, os comandos em javascript não funcionam no firefox.
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
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.
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)
<a href="http://www.SEUSITEAKI.com.br/player.htm" target="popupwindow" onclick='window.open("http://www.SEUSITEAKI.com.br/player.htm", "popupwindow", "scrollbars=no,width=400,height=180");return true' title="Player Audio Festas"></a>
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.