Случайный, случайный плейлист JavaScript JavaScript

Question

Я знаю, что это было задано раньше, но я новичок в JavaScript и, прочитав другие ответы, не могу понять, почему мой метод не работает. Первый трек, который воспроизводится, случайный, но затем, когда песня заканчивается, один и тот же трек повторяется снова и снова, вместо того, чтобы выбирать другую случайную дорожку. Если audio.play выбирает случайный трек в первый раз, почему он не выбирает случайную дорожку снова, когда песня заканчивается, а вместо этого пеет один и тот же трек? Помощь оценили:

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

Было бы проще перетасовать массив и просто перебрать его, чтобы получить каждый файл. С помощью этого решения вы не получите тот же файл дважды из-за случайного решения.

Как только вы дойдете до конца, сделайте то же самое, перетасуйте массив и повторите снова. Таким образом, список изменится, показывая впечатление на выбор другого файла случайным образом (но поистине просто повторяя).

Вот псевдокод ему

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

Here и here, вы найдете большие темы, перетасовать массив. Я не буду делать это снова, просто следуйте за ним.

В вашем случае, вы не хотите петлю, но вы будете использовать счетчик будет получить следующий файл и перетасовать массив снова, как только вы дойдете до конца

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

Answer 2

Ваш код должен выглядеть так:

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

Ваш у слушателя может быть, как это, если игрок имеет другой способ указать файл для существующего плательщика

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

или если у вашего плеера нет такого метода api, единственный способ -

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

audio.addEventListener('ended', listner) 

Answer 3

Просто установите знаменитый модуль underscoreJS на стороне клиента или сервера с помощью Node.js и вызовите функцию образца;

var random_file = _.sample(audio_files);