Javascriptボタン複数のオーディオソース

Question

私は学校のプロジェクトに取り組んでおり、コーディングにはかなり新しいです。私のプロジェクトは、javascriptで少しのプレイリストを作ることですが、私のプロジェクトではユニバーサルボタンが1つで、複数のオーディオソースが必要です。ユーザーが曲を選択してボタンで再生できるようにしたい。何か案は？

Answer 1

これはHtmlAudioElementを使用していますが、私はオーディオでテストしませんでしたが、それはあなたのコードを実装するための参考になるかもしれません。

var aux = 1; 
 

 
function playAudiox() { 
 
    if (aux == 1) { 
 
    console.log("Playing Track 1."); 
 
    var track1 = new Audio('track1.mp3'); 
 
    track1.play(); 
 
    aux++; 
 
    } else if (aux == 2) { 
 
    console.log("Playing Track 2."); 
 
    var track2 = new Audio('track2.mp3'); 
 
    track2.play(); 
 
    aux++; 
 
    } else if (aux == 3) { 
 
    console.log("Playing Track 3."); 
 
    var track3 = new Audio('track3.mp3'); 
 
    track3.play(); 
 
    aux = 1; 
 
    } 
 
}

#tracklist { 
 
    height: 200px; 
 
    height: 100px; 
 
    border: 2px solid black; 
 
} 
 

 
.tracks { 
 
    border: 1px solid red; 
 
    height: 100px; 
 
    width: 80px; 
 
    float: left; 
 
}

<div id="tracklist"> 
 

 
    <div class="tracks">track1</div> 
 
    <div class="tracks">track2</div> 
 
    <div class="tracks">track3</div> 
 
</div><br> 
 
<button id="universalPlay" onclick="playAudiox()">Universal Play</button>