Ir para conteúdo
Fórum Script Brasil
  • 0

Playlist com php e jquery


Luiz Antonio

Pergunta

Ola pessoal, tudo bem?

Preciso de uma ajuda, estou adaptando uma playlist no meu site e preciso de uma orientação de vocês.. o player é deste site:

http://www.devreactor.com/projects/drplayer.aspx

Todas as musicas estarão em um banco de dados e o usuario poderá adicionar e remover musicas na playlist e essa é a duvida, como posso fazer para adicionar uma musica na lista sem q o player pare de tocar...

As musicas estão listadas desta forma:

<div id="playlist">
        <div href="http://drplayer.local/1.mp3" style="width: 400px;" class="item">
            <div>
                <div class="fr duration">02:06</div>
                <div class="btn play"></div>
                <div class="title"><b>The Ting Tings</b> - Shut up and let me go</div>

            </div>
            <div class="player inactive"></div>
        </div>
        
        <div class="clear"></div>
        <div href="http://drplayer.local/2.mp3?19" style="width: 400px;" class="item">
            <div>
                <div class="fr duration">06:29</div>
                <div class="btn play"></div>

                <div class="title"><b>Metallica</b> - Nothing else matters</div>
            </div>
            <div class="player inactive"></div>
        </div>
        <div class="clear"></div>
        <div href="http://drplayer.local/3.mp3?8" style="width: 400px;" class="item">
            <div>

                <div class="fr duration">05:12</div>
                <div class="btn play"></div>
                <div class="title"><b>Korn</b> - Somebody someone</div>
            </div>
            <div class="player inactive"></div>
        </div>
        <div class="clear"></div>

        <div href="http://drplayer.local/4.mp3?44" style="width: 400px;" class="item">
            <div>
                <div class="fr duration">03:52</div>
                <div class="btn play"></div>
                <div class="title"><b>A Static Lullaby</b> - Toxic</div>
            </div>
            <div class="player inactive"></div>

        </div>
        <div class="clear"></div>
    </div>

então para listar as musicas e fazer o playlist é simples, porem gostaria de uma ajuda de como eu poderia adicionar novas musicas, seria atraves de ajax? Mas como eu faria para o player não parar de tocar?

Obrigado!

Abs.

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

  • 0

Então para adicionar mais uma música é só você adicionar algumas linhas em html

<div href="http://drplayer.local/1.mp3" style="width: 400px;" class="item">
            <div>
                <div class="fr duration">02:06</div>
                <div class="btn play"></div>
                <div class="title"><b>The Ting Tings</b> - Shut up and let me go</div>

            </div>
            <div class="player inactive"></div>
        </div>
Não necessariamente precisa ser com ajax, mas precisa ser javascript. Tipo você pode fazer uma lista com todas as músicas a seres escolhidas, nessa lista além do nome, você já traz todas as informações que precisa, duração e endereço da música. e com o Java você joga isso na playlist. Algo mais ou menos como isso:
$(".mus").click(function(){
       $("#playlist").html("        <div href=\""+urlmusica+"\" style="width: 400px;" class="item">
            <div>
                <div class="fr duration">+duracao+</div>
                <div class="btn play"></div>
                <div class="title"><b>+banda+</b> - +musica+</div>

            </div>
            <div class="player inactive"></div>
        </div>");
});

Espero ter ajudado

Abrass

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      651,8k
×
×
  • Criar Novo...