Rádio Online

ljhiphop · Junho 27, 2008

Olá pessoal! Sou novo aqui e não entendo muito de javascript. Bem queria montar uma rádio online e encontrei um script pronto, dei uma olhada no código fonte e encontrei onde defino o número de músicas e onde coloco os links das músicas, fiz uns testes e funcionou, porém tenho duas dúvidas e queria saber se alguém pode ajudar.

1. Além mostrar o nome do artista e o nome da música eu queria colocar um display para mostrar a capa do CD, mas onde eu coloco isto para que quando mude a música, mude o arquivo de imagem? Exemplo, está tocando a música "ti_dope_boyz.mp3", eu queria que aparecesse a capa do arquivo "im_serious.jpg" que se encontra no mesmo diretório.

2. Existe muitos arquivos de música espalhados pela net, principalmente em sites de armazenamento com o 4shared.com, gostaria de saber se tem como eu linkar um arquivo que se encontra em um site deste tipo no script para ser tocado? Eu fiz um teste com o 4shared.com, encontrei um arquivo mp3, verifiquei o código fonte da página para pegar o endereço do arquivo e coloquei no script, mas não toca, pula para a próxima música que está local. Alguém pode me dar uma ajuda!?

Aí vai o script...

<html>
<head>
<title>LJ Hip-and-HOP Radio</title>
<STYLE type=text/css>
.display { COLOR: #000000; FONT-FAMILY: Geneva, Arial, Helvetica, san-serif; FONT-SIZE: 11px; TEXT-ALIGN: left; font-weight: bold }
</STYLE>
&lt;script language=JavaScript>
<!--

//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if 
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers) 
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// --> 
</script>
&lt;script language=JavaScript>
<!--
var a = -1
var maxmusic = 5;

wma = new Array();
autor = new Array();
titulos = new Array();

	wma[0]= "http://dc73.4shared.com/download/52531774/6c375565/bowwow_outta_my_system.mp3";  !-- endereço que peguei no 4shared.com --!
	autor[0] = "Bow Wow feat. T-Pain";
	titulos[0]= " Outta My System";

	wma[1]= "tpain_im_sprung_2.mp3";
	autor[1] = "T-Pain feat. Trick Daddy and Youngbloodz";
	titulos[1]= " I'm Sprung 2";

	wma[2]= "ti_dope_boyz.mp3";
	autor[2] = "T.I.";
	titulos[2]= " Dope Boyz";

	wma[3]= "lilwayne_fireman.mp3";
	autor[3] = "Lil Wayne";
	titulos[3]= " Fireman";

	wma[4]= "ti_front_back.mp3";
	autor[4] = "T.I. feat. Bun B and Pimp C";
	titulos[4]= " Front Back";


ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
parada=0

function inicio() {
	document.all.mautor.innerText=autor[0];
	document.all.mnome.innerText=titulos[0];
}

var bWin32IE;
if ((navigator.userAgent.indexOf("IE") != "-1") && (navigator.userAgent.length > 1)) {
	bWin32IE = true;
} else {
	bWin32IE = false;
}

function fechar()
{
	window.close()
}

function troca() {
	if (MediaPlayer.PlayState==0) {
		if (parada==0){
			onFF();
			onPlay();
		}
	}
	setTimeout('troca();',1000); 
}

function layerWrite(id,nestref,text) {	
	if (ns4) {
		if (nestref)
			var lyr = eval('document.'+nestref+'.document.'+id+'.document');
		else 
			var lyr = document.layers[id].document;
		lyr.open();
		lyr.write(text);
		lyr.close();
	} else if (ie4) { 
		document.all[id].innerHTML = text;
	}
}

function mostra() {
	if (ns4){
		document.layers["mnome"].document.open()
		document.layers["mnome"].document.write(titulos[a])
		document.layers["mnome"].document.close()

		document.layers["mautor"].document.open()
		document.layers["mautor"].document.write(autor[a])
		document.layers["mautor"].document.close()
	}

	if (ie4){
		document.all.mnome.innerText=titulos[a];
		document.all.mautor.innerText=autor[a];
	}
}


function mudwma(k) {
	MediaPlayer.Filename=wma[k];
	mostra();
}

function onFF() {
	a = a + 1;
	b = maxmusic;
	if (a == B){
		a = 0;
	}
	mudwma(a);
}

function onPause() {
	//if( MediaPlayer.PlayState == 1 )
	//	MediaPlayer.Play();
	//else if (MediaPlayer.PlayState == 2)
	//	MediaPlayer.Pause();
	MediaPlayer.Pause();
}

function onPlay() {
	if(MediaPlayer.PlayState == 0){
		MediaPlayer.Play();
		parada=0;
	}
	mostra();
}

function onStop() {
	MediaPlayer.Stop();
	parada=1;
}

function onVolumeUp() {
	if (MediaPlayer.Volume <= -1000) {
		MediaPlayer.Volume = MediaPlayer.Volume + 1000;
	}
}

function onVolumeDown() {
	if (MediaPlayer.Volume >= -9000) {
		MediaPlayer.Volume = MediaPlayer.Volume - 1000;
	}
}

/*
function MM_changeProp(objName,x,theProp,theValue) { //v3.0
	var obj = MM_findObj(objName);
	if (obj && (theProp.indexOf("style.")==-1 || obj.style)) eval("obj."+theProp+"='"+theValue+"'");
}
*/
//-->
</SCRIPT>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- Fireworks 4.0  Dreamweaver 4.0 target.  Created Tue Jun 04 09:27:07 GMT-0300 (Hora padrão leste da Am. Sul) 2002-->
&lt;script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
	document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" onload="troca();inicio(); onFF();">
<div id="Layer1" style="position:absolute; left:1px; top:0px; width:106px; height:93px; z-index:0"><img src="fundo.jpg" width="282" height="360" border="0" usemap="#Map2"> 
  <map name="Map2">
	<area shape="circle" coords="19,311,16" href="java script:onPlay();" alt="Executar">
	<area shape="circle" coords="50,311,9" href="java script:onStop();" alt="Parar">
	<area shape="circle" coords="75,311,9" href="java script:onFF();" alt="Pr&oacute;xima">
  </map>
</div>
<div id="Layer2" style="position:absolute; left:0px; top:267px; width:297px; height:32px; z-index:4"> 
  <object id="MediaPlayer" width="283" height="24" classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"   codebase="http://activex.microsoft.com/activex/%20%20%20controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" standby="Loading Microsoft® Windows® Media Player components..." type="application/x-oleobject" viewastext>
	<param name="AutoStart" value="1">
	<param name="TransparentAtStart" value="1">
	<param name="ShowControls" value="0">
	<param name="ShowDisplay" value="0">
	<param name="ShowStatusBar" value="1">
	<param name="AutoSize" value="False">
	<param name="AnimationAtStart" value="False">
	<param name="Filename" value="">
	<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/windows/mediaplayer/download/default.asp" border="0" src="" autostart="True" transparentatstart="True" showcontrols="0" showdisplay="0" showstatusbar="1" animationatstart="False" id="MediaPlayer" designtimesp="9716" autosize="False" filename="" width="179" height="24"> 
	</embed> </object>
</div>
<table width="0" border="0" cellpadding="0" cellspacing="0">
  <!-- fwtable fwsrc="player.png" fwbase="index.gif" fwstyle="Dreamweaver" fwdocid = "742308039" fwnested="1" -->
  <tr> 
	<td height="273" valign="bottom">&nbsp; </td>
  </tr>
  <tr> 
	<td height="87" valign="top" align="center">
	  <table width="98%" border="0" cellspacing="0" cellpadding="0">
		<tr> 
		  <td height="31" align="center" valign="middle">&nbsp;</td>
		</tr>
		<tr> 
		  <td height="30" valign="middle"> 
			<table width="100%" border="0" cellspacing="0" cellpadding="0">
			  <tr> 
				<td width="21%">&nbsp;</td>
				<td width="79%"> 
				  <div class=display id=mnome style="HEIGHT: 14px; LEFT: 95px; POSITION: absolute; TOP: 303px; WIDTH: 218px; Z-INDEX: 1"></div>
				</td>
			  </tr>
			</table>
		  </td>
		</tr>
		<tr> 
		  <td height="27" valign="middle"> 
			<table width="100%" border="0" cellspacing="0" cellpadding="0">
			  <tr> 
				<td width="22%">&nbsp;</td>
				<td width="78%"> 
				  <font color=#FFFFFF></font><div class=display id=mautor style="COLOR: #FFFFFF; HEIGHT: 14px; LEFT: 26px; POSITION: absolute; TOP: 337px; WIDTH: 234px; Z-INDEX: 1"></div></font>
				</td>
			  </tr>
			</table>
		  </td>
		</tr>
	  </table>
	</td>
  </tr>
</table>
<map name="botoesMap"> 
  <area shape="rect" coords="150,10,168,24" href="java script:onPlay();"">
  <area shape="rect" coords="173,9,190,23" href="java script:onStop();"">
  <area shape="rect" coords="194,9,211,23" href="java script:onFF();"">
</map>
</body>
</html>[/codebox]

.Andreia. · Junho 30, 2008

bom tenta adicionar mais um array:

capas = new Array();
.
.
.
.
capas[0]= "imagem.jpg";

ljhiphop · Julho 1, 2008

Olá andreia_sp! Eu fiz o seguinte

wma = new Array();
autor = new Array();
titulos = new Array();
capas = new Array();

    wma[0]= "Dope Boyz.mp3";
    autor[0] = "T.I. feat. Bun B and Pimp C";
    titulos[0]= " Dope Boyz";
    capas[0]= "ti.jpg";

Criei um novo array como você informou. Depois eu fiz a seguinte inclusão (acho que tem de fazer isto...), veja abaixo

function mostra() {
    if (ns4){
        document.layers["mnome"].document.open()
        document.layers["mnome"].document.write(titulos[a])
        document.layers["mnome"].document.close()

        document.layers["mautor"].document.open()
        document.layers["mautor"].document.write(autor[a])
        document.layers["mautor"].document.close()
        
        document.layers["mcapas"].document.open()
        document.layers["mcapas"].document.write(capas[a])
        document.layers["mcapas"].document.close()

    }
    
    if (ie4){
        document.all.mnome.innerText=titulos[a];
        document.all.mautor.innerText=autor[a];
        document.all.mcapas.innerText=capas[a];
    }
}

Porém como posso fazer o display para mostrar a imagem? Eu tentei fazer conforme abaixo e não funcionou, não mostrou nenhuma imagem, porém também não acusou erro nenhum.

<div class=display id=mcapas style="COLOR: #FFFFFF; HEIGHT: 159px; LEFT: 6px; POSITION: absolute; TOP: 375px; WIDTH: 179px; Z-INDEX: 1"></div>

Obrigado pela atenção!

Entrar

Rádio Online

Pergunta

ljhiphop

Link para o comentário

Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

.Andreia.

Link para o comentário

Compartilhar em outros sites

ljhiphop

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades