播放JS音频

Question

我想在加载页面时播放JavaScript音频，而无需用户进行任何操作。它本身就是一个播放列表，并且所有内容都是动态加载的：

var audio = document.createElement("audio");
 /*
... etc
*/

selectTrack(index){
   audio.src = urls[index];
   audio.load();
   audio.play();
}


selectTrack(0); //Auto play

第一次调用selectTrack（0）的示例：

var audio = document.createElement("audio");
var track = 0;
var urls = [
  'https://themushroomkingdom.net/sounds/wav/smb3/smb3_level_clear.wav',
  'https://themushroomkingdom.net/sounds/wav/smb3/smb3_airship_clear.wav',
  'https://themushroomkingdom.net/sounds/wav/smb3/smb3_fortress_clear.wav',
];

function selectTrack(index) {
  audio.src = urls[index];
  audio.load();
  audio.play();
}

$("#next").click(function() {
  track = (++track >= urls.length) ? 0 : track;
  selectTrack(track);
});

$("#prev").click(function() {
  track = (--track < 0) ? urls.length - 1 : track;
  selectTrack(track);
});

selectTrack(track);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<button id="next">Next</button>
<button id="prev">Prev</button>