音楽ファイルの連続再生の方法について

HTMLとjavascriptを使って10曲程度の音楽(wavファイル)のプレイリストを連続再生したいのですが、方法がわかりません。
現在audioタグで再生を行なっていますが、audioタグで連続再生は可能でしょうか?

###補足情報(言語/FW/ツール等のバージョンなど)
開発環境：
PostgreSQL9.6
Netbeans8.2

行動規範の内容に同意します

回答1件

ベストアンサー

まず下記の回答が参考になると思います。

https://teratail.com/questions/98734

ただ10個のwavファイルを個別にセットアップするのは少々面倒なので少し工夫したいところです。

html
1<html>
2<head>
3<script>
4
5function PlayList(soundFiles) {
6  var audioList = soundFiles.map(function (sf, i) {
7    var audio = new Audio(sf);
8    audio.addEventListener("ended", function (e) {
9      audioList[(i + 1) % audioList.length].play();
10    });
11    return audio;
12  });
13
14  function play() {
15    pause();
16    audioList[0].play();
17  }
18
19  function pause() {
20    audioList.forEach(function (s) { s.pause(); });
21  }
22
23  PlayList.prototype.play = play;
24  PlayList.prototype.pause = pause;
25}
26
27var playList = new PlayList(["a.wav", "b.wav", ...]); // 任意の数だけ並べる
28
29</script>
30</head>
31<body>
32  <button type="button" name="play" onclick='playList.play()'>PLAY</button>
33  <button type="button" name="pause" onclick='playList.pause()'>PAUSE</button>
34</body>
35</html>