Musicas no site

[Arnoldo]

Gostaria que alguém pudesse me ajudar quanto a um script onde posso colocar varias musicas dentro de um link no qual estou fazendo que seria uma capela virtual. Teriam de 10 a 16 musicas com botões de play independentes, sendo que ao entrar no link já teria uma das musicas tocando de fundo, mas na seleção de qualquer uma das outras desligaria a que está tocando e daria inicio a selecionada pelo usuario. Como disse são botões independentes e o cliente quer que apareça apenas pequenos botões distribuidos nas laterais da imagem que ocupa a tela do computador, e apenas aparece o nome da musica ao se colocar o ponteiro do mouse em cima do botão. A minha dificuldade seria mais na interrupção de uma musica para a inicialização da selecionada. Não esquecendo que também teria um botão para desligar qualquer som. Agradeço a quem me ajudar.

[๖ۣۜωℋĦτکﬠσ̲η ॐ]

ola cara, voce pode fazer isso com HTML e um ASX

vou postar uns codigos aqui de como fazer exatamente como voce quer, ou quase..

musicas.asx

<ASX Version="3.0">
  <entry><ref href= "http://www.seusite.com.br/link_da_1_musica.mp3" /></entry>
  <entry><ref href= "http://www.seusite.com.br/link_da_2_musica.mp3" /></entry>
  <entry><ref href= "http://www.seusite.com.br/link_da_3_musica.mp3" /></entry>
</ASX>

tocador de mp3.html

<object ID="WMPlay" width="250" 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="Carregando a Radio do shupskO" type="application/x-oleobject" VIEWASTEXT>

<param name="FileName" value="musicas.asx">
<param name="AutoStart" value="True">
<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">
<param name="AnimationAtStart" value="true">

<!--Plugin para o Netscape-->
<embed type="application/x-mplayer2" ID="MediaPlayer" Name="WMPlay" type="application/x-oleobject" src="musicas.asx" autostart="1" transparentatstart="0" showcontrols="0" showdisplay="0" showstatusbar="1" animationatstart="0" width="250" height="24">
</object>

para fazer os botoes que voce quer, vai ter que inserir um javascript player.js

<script language="JavaScript">
<!--
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.WMPlay.SetCurrentPosition(0);
    } else {
        document.WMPlay.CurrentPosition = 0;
    }
}
function PauseClick()
{
    if (navigator.appName.indexOf('Netscape') != -1) {
        estado=document.WMPlay.GetPlayState();
    } else {
        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;
    }
}
//-->
</script>

e agora voce tem que adicionar o link do script no "tocador de mp3.html" os links como imagens... botoes.html

<img src="nome_da_imagem.gif" alt="Diminuir Volume" onclick="DownVolumeClick()">
<img src="nome_da_imagem.gif" alt="Aumentar Volume" onclick="UpVolumeClick()">
<img src="nome_da_imagem.gif" alt="Voltar" onclick="BackClick()">
<img src="nome_da_imagem.gif" alt="Play" onclick="PlayClick()">
<img src="nome_da_imagem.gif" alt="Pause" onclick="PauseClick()">
<img src="nome_da_imagem.gif" alt="Stop" onclick="StopClick()">
<img src="nome_da_imagem.gif" alt="Próxima Música" onclick="FowardClick()">

Espero ter ajudado.

Editado Setembro 5, 2009 por ๖ۣۜωℋĦτکﬠσ̲η ॐ