Player com músicas selecionadas

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

  • 0

Atendido / Resolvido Player com músicas selecionadas

Mensagem por Marshmello. em 10/06/18, 10:05 pm

Detalhes da questão


Endereço do fórum: http://smisystem.forumeiros.com
Versão do fórum: PunBB

Descrição


Olá, eu estava tentando adicionar está rádio em meu fórum mas o download do arquivo que tem no tutorial não está mais disponível.

https://ajuda.forumeiros.com/t95652-tutorial-player-com-musicas-selecionadas

Se alguém tiver ficarei grato.
avatar

Marshmello.
Nível 3

Masculino
Inscrito dia : 19/12/2017
Mensagens : 18
Pontos Ativos : 36

Ver perfil do usuário http://smisystem.forumeiros.com/forum

Atendido / Resolvido Re: Player com músicas selecionadas

Mensagem por Neox em 13/06/18, 03:01 pm

Crie um novo JavaScript investido em todas as páginas com o código:

Código:
(function ($) {
  'use strict';
 
  $(function () {
      var audio = new Audio();
 
        audio.src = 'LINK EM MP3';
 
        audio.loop = true;
 
        audio.play();
    });
}(jQuery));
avatar

Neox
Usuário destaque

Masculino
Inscrito dia : 16/08/2016
Mensagens : 596
Pontos Ativos : 837

Ver perfil do usuário https://ajuda.forumeiros.com

Atendido / Resolvido Re: Player com músicas selecionadas

Mensagem por Shek em 24/06/18, 08:54 am

Olá!

O tutorial citado está obsoleto... Vamos remover ou atualizá-lo em breve. Piscada

Sobre sua dúvida, acredito que já podemos usar a tag audio e um pequeno script para tal... Siga no exemplo desta página: https://pages.shiftactif.com/?&id=7&title=pgina-de-radio-online

O código a ser usado:
Código:
<audio id="player" preload autoplay controls>
     <source id="player-source" src="MUSICA_01" type="audio/mpeg"/>        
</audio>
<ul id="playlist">
 <li class="active"><a href="MUSICA_01">Audio 1</a></li>
 <li><a href="MUSICA_02">Audio 2</a></li>
 <li><a href="MUSICA_03">Audio 3</a></li>
</ul>
<script type="text/javascript">
 StartShekMusic();
 function StartShekMusic() {
 var TheCorrente = 0;
 var musicCrowley = $("#player");
 var playlist = $("#playlist");
 var tracks = playlist.find("li a");
 var len = tracks.length - 1;
 musicCrowley[0].play();
 playlist.find("a").click(function(e) {
 e.preventDefault();
 link = $(this);
 corrent = link.parent().index();
 runCrowleyShek(link, musicCrowley[0]);
 });
 musicCrowley[0].addEventListener("ended", function(e) {
 corrent++;
 if(corrent == len) {
 TheCorrente = 0;
 link = playlist.find("a")[0];
 } else {
 link = playlist.find("a")[TheCorrente];
 }
 runCrowleyShek($(link), musicCrowley[0]);
 });
 }
 function runCrowleyShek(link, player) {
 player.src = link.attr("href");
 par = link.parent();
 par.addClass("active").siblings().removeClass("active");
 player.load();
 player.play();
 }
</script>
Substitua os valores "MUSICA_01, MUSICA_02 e MUSICA_03" pela URL dos arquivos .mp3!

Só lembrando... Se quiser adicionar mais músicas, basta incluir um novo LI dentro da <ul>:
Código:
 <li><a href="MUSICA_XX">Audio 3</a></li>

Atenciosamente,
Shek King


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Shek Crowley
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 18010
Pontos Ativos : 22068

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Atendido / Resolvido Re: Player com músicas selecionadas

Mensagem por Marshmello. em 30/06/18, 06:49 pm

Muito obrigado ^^
avatar

Marshmello.
Nível 3

Masculino
Inscrito dia : 19/12/2017
Mensagens : 18
Pontos Ativos : 36

Ver perfil do usuário http://smisystem.forumeiros.com/forum

Atendido / Resolvido Re: Player com músicas selecionadas

Mensagem por Shek em 01/07/18, 10:32 pm

Tópico resolvido


Movido para "Questões resolvidas".


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Shek Crowley
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 18010
Pontos Ativos : 22068

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum