Quiero almacenar 10 canciones de forma estática en JavaScript y agregar más canciones de forma dinámica a través de la aplicación web.
Al mismo tiempo, me gustaría mostrar 5 canciones aleatorias en la lista usando el botón. Me gusta un campo de búsqueda. ¿Alguien puede dar consejos y sugerencias?
Tener 10 canciones en el lado del cliente es una mala idea porque cada vez que carga una página web, se deben cargar 10 canciones en el navegador de los usuarios. Es posible que el usuario no los escuche todos, sino solo 1 o 2.
El mejor enfoque es tener su lista de las 10 mejores canciones disponible, una vez que el usuario reproduzca alguna canción, la transmitirá de inmediato.
Puede encontrar códigos de muestra de proyectos git, solo busque "git: reproductor de música"
// Predefined Songs const songs = [ 'song 1', 'song 2', 'song 3', 'song 4', 'song 5', 'song 6', 'song 7', 'song 8', 'song 10', ]; // Parent Element of list of songs const ul = document.querySelector('ul'); // Add Songs songs.push('song'); // Display It const displaySongs = () => { const randomSongs = []; for (let i = 0; i < 5; i++) { let songIndex = Math.floor(Math.random() * songs.length); if (!randomSongs.includes(songs[songIndex])) { randomSongs.push(songs[songIndex]); } else { i--; } } ul.innerHTML = randomSongs.map((song) => `<li>${song}</li>`).join(''); }; displaySongs();