Random, Shuffle JavaScript-Playlist

Question

Ich weiß, dass dies schon einmal gefragt wurde, aber ich bin neu in JavaScript und nach dem Lesen anderer Antworten kann ich nicht verstehen, warum meine Methode nicht funktioniert. Der erste Track, der abgespielt wird, ist zufällig, aber wenn der Song endet, wiederholt sich derselbe Track immer wieder, anstatt einen anderen zufälligen Track zu wählen. Wenn audio.play beim ersten Mal eine zufällige Spur auswählt, warum wählt es nicht erneut eine zufällige Spur, wenn das Lied endet, sondern stattdessen die gleiche Spur? Hilfe zu schätzen:

var audio_files = [ 
"TRACKS/1.mp3", 
"TRACKS/2.mp3", 
"TRACKS/3.mp3" 
] 

var random_file = audio_files[Math.floor(Math.random() * audio_files.length)]; 

var audio = new Audio(random_file); 

audio.play(); 

audio.addEventListener('ended', function(){ 
audio.play(); 
} 

Answer 1

Es wäre einfacher, das Array zu mischen und einfach darauf zu iterieren, um jede Datei zu erhalten. Mit dieser Lösung erhalten Sie aufgrund der zufälligen Lösung nicht die gleiche Datei zweimal.

Sobald Sie am Ende angekommen sind, machen Sie das Gleiche, mischen Sie das Array und wiederholen Sie es. Auf diese Weise ändert sich die Liste, was den Eindruck erweckt, eine andere Datei auf zufällige Weise auszuwählen (aber wirklich einfach zu iterieren).

Hier ist ein Pseudo-Code, um es

function readFiles(){   
    array = shuffle(array); 
    for(var i = 0; i < array.length; ++i){ 
     play(array[i]); 
    } 
    readFiles(); //to read undefinitly 
} 

Here und here, finden Sie ein großen Themen finden das Array zu mischen. Ich werde es nicht noch einmal tun, folge einfach der Antwort dort.

In Ihrem Fall Sie keine Schleife wollen, aber Sie werden einen Zähler das bekommen die nächste Datei verwenden und das Array mischen wieder, wenn Sie bis zum Ende erhalten

function getNextFile(){ 
    if(currentFile >= array.length){ //reach the end 
     shuffle(array); 
     currentFile = 0; 
    } 
    return array[currentFile+]; 
} 

Answer 2

Ihr Code wie folgt sein müssen:

var audio_files = [ 
"TRACKS/1.mp3", 
"TRACKS/2.mp3", 
"TRACKS/3.mp3" 
] 

function random_file(){ 
    return audio_files[Math.floor(Math.random() * audio_files.length)]; 
} 

var audio = new Audio(random_file()); 

audio.play(); 

audio.addEventListener('ended', function(){ 
    audio.play(random_file()); 
} 

Ihre listner kann so sein, wenn der Spieler eine andere Weise Datei angeben, für bestehende Zahler

audio.addEventListener('ended', function(){ 
    audio.src = random_file(); 
    audio.play(); 
} 

oder Wenn Ihr Player keine solche API-Methode hat, ist der einzige Weg

function listner() { 
    audio = new Audio(random_file()); 
    audio.play(); 
    audio.addEventListener('ended', listner) 
} 

audio.addEventListener('ended', listner) 

Answer 3

Installieren Sie einfach das bekannte undercoreJS-Modul auf Client- oder Serverseite mit Node.js und rufen Sie die Beispielfunktion auf;