ランダム、シャッフル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

アレイをシャッフルして、各ファイルを取得するために単純に繰り返します。このソリューションでは、ランダムなソリューションのために同じファイルを2回取得することはありません。

終了したら、同じことを行い、配列をシャッフルしてもう一度繰り返します。このように、リストが変更され、ランダムな方法で別のファイルを選択するという印象を与えます（しかし、本当に単純に繰り返します）。ここで

はそれ

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

あなたのコードを次のようにする必要があります：プレイヤーは、既存の支払人のために

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

をファイルを指定する別の方法を持っている場合

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

あなたのリスナーはこのようであってもよいし、感謝のヘルププレイヤーにそのような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);