yoshiiz/play_audio_cont_loop.html

## play_audio_cont_loop.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>連続再生ループ</title>
</head>
<body>
<audio id='audio'></audio>
<script type="text/javascript">
'use strict';

var playlist = [
  './sample1.wav',
  './sample2.wav',
  './sample3.wav',
  './sample4.wav',
  './sample5.wav'
]

var audio = document.createElement('audio');
document.body.appendChild(audio);
audio.style.width = '100%';
audio.style.height = 'auto';
audio.controls = true;
audio.volume = 0.2;

audio.src = playlist[0];
audio.play();

var index = 0;
audio.addEventListener('ended', function(){
  index++;
  if (index < playlist.length) {
    audio.src = playlist[index];
    audio.play();
  }
  else {
    audio.src = playlist[0];
    audio.play();
    index = 0;
  }
});
</script>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<title>連続再生ループ</title>
	</head>
	<body>
	<audio id='audio'></audio>
	<script type="text/javascript">
	'use strict';

	var playlist = [
	'./sample1.wav',
	'./sample2.wav',
	'./sample3.wav',
	'./sample4.wav',
	'./sample5.wav'
	]

	var audio = document.createElement('audio');
	document.body.appendChild(audio);
	audio.style.width = '100%';
	audio.style.height = 'auto';
	audio.controls = true;
	audio.volume = 0.2;

	audio.src = playlist[0];
	audio.play();

	var index = 0;
	audio.addEventListener('ended', function(){
	index++;
	if (index < playlist.length) {
	audio.src = playlist[index];
	audio.play();
	}
	else {
	audio.src = playlist[0];
	audio.play();
	index = 0;
	}
	});
	</script>
	</body>
	</html>