Javascript按钮多个音频源

Question

因此，我正在学校项目上工作，并且对编码很新颖。我的项目是用javascript创建一个播放列表，但我只希望我的项目具有一个通用按钮并具有多个音频源。我希望用户能够选择歌曲并能够使用按钮播放歌曲。有任何想法吗？

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>