HTML5のaudioタグでjs操作をする際、3曲目以降の音楽ファイルの指定方法が分かりません

Question

###前提・実現したいこと
今の状態では、1曲目と2曲目は再生されますが、3曲目をどのように指定したらいいのかわかりません。

###発生している問題・エラーメッセージ

###該当のソースコード

<audio id="audio" src="audio.mp3" controls loop>message</audio>
<script>
$(function(){
var audio = $('#audio').get(0);
audio.play();
$(audio).on('ended',function(){
audio.src = 'audio1.mp3';
audio.play();
});
});

Answer 1

var cnt = 1;
var files = [ 'audio.mp3', 'audio1.mp3', 'audio2.mp3' ];
var audio = $( '#audio' ).get( 0 );
audio.play();
$( audio ).on( 'ended', function() {
	cnt %= files.length; // cnt = cnt % files.length と同じ。割ったあまりを出している。
	console.log( cnt ); // 0,1,2,0,1,2となるはず。
	audio.src = files[ cnt ];
	audio.play();
	cnt++;
} ); // 未テスト