Player com músicas selecionadas

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.

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));

Olá!

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

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

Muito obrigado ^^