FREE TUBES SilviaMS digital ARTS: ღCÓDIGOS PARA PONER MÚSICA EN TU WEB ღ

1. MODO MÁS SENCILLO:

Este método te permite poner una canción en .mp3 o el streaming de una emisora de radio, en este código te dejo sonando mi radio online de mis páginas de radio https://onda80bellvitge.com y https://onda80bellvitge.jimdofree.com por si te animas a visitarnos

Copia el código de abajo y pégalo en un widget HTML/JAVASCRIPT y empezarás a oír tu página, si quieres una canción .mp3 tienes que tener el enlace para sustituirlo por el de mi radio online

2. MODO REPRODUCIR UNA LISTA DE CANCIONES.mp3:

Yo tengo en mi Blog este método, más laborioso, porque tienes que tener unas cuantas canciones para reproducir. Este método consiste en tener una lista de unas cuantas canciones, en este código las canciones se reproducen aleatoriamente, cada vez que recargas la página o navegas por el menú la reproducción empieza con una canción distinta.

Este código lo hemos creado mi amiga la IA y yo

Copia el código de abajo y pégalo en un widget HTML/JAVASCRIPT (Puedes añadir todos los enlaces de mp3 que quieras, la lista es ilimitada)

const player = document.getElementById("player");

let mode = 1; // 1 = random inicial, 2 = secuencial
  let randomList = [];
  let seqIndex = 3; // empezará en la 4ª canción (índice 3)

function pickThreeRandom() {
    let set = new Set();
    while (set.size < 3) {
      set.add(Math.floor(Math.random() * playlist.length));
    }
    return Array.from(set);
  }

function playTrack(index) {
    player.src = playlist[index];
    player.play();
  }

function startRandomPhase() {
    mode = 1;
    randomList = pickThreeRandom();
    playTrack(randomList.shift());
  }

function startSequentialPhase() {
    mode = 2;
    seqIndex = 3; // empieza en la canción 4
    playTrack(seqIndex);
  }

player.addEventListener("ended", () => {
    if (mode === 1) {
      if (randomList.length > 0) {
        playTrack(randomList.shift());
      } else {
        startSequentialPhase();
      }
    } else {
      seqIndex++;
      if (seqIndex >= playlist.length) {
        startRandomPhase();
      } else {
        playTrack(seqIndex);
      }
    }
  });

// Inicio: random de 3 canciones
  startRandomPhase();
</script>

Tubes

Translate

ღCÓDIGOS PARA PONER MÚSICA EN TU WEB ღ

1. MODO MÁS SENCILLO:

2. MODO REPRODUCIR UNA LISTA DE CANCIONES.mp3: