複数のオーディオファイルを再生したい

Question

クリックすると複数のオーディオファイルを順番に再生する機能をサイトに追加したいです。
<audio id="audio" preload="auto">
<source src="A.mp3" type="audio/mp3">
</audio>

function play(){
$('#audio').get(0).play();
}

こんな感じで一つのオーディオファイルは再生できるのですが、
A.mp3の次はB.mp3、その次はC.mp3といった具合に順番に再生したいのです。

Answer 1

例えばこんな。

	<div>
		<audio id="audioA" preload="auto" controls>
			<source src="A.mp3" type="audio/mp3">
		</audio>
	</div>
	<div>
		<audio id="audioB" preload="auto" controls>
			<source src="B.mp3" type="audio/mp3">
		</audio>
	</div>
	<div>
		<audio id="audioC" preload="auto" controls>
			<source src="C.mp3" type="audio/mp3">
		</audio>
	</div>

	$('#audioA').on('ended', function(){
		$('#audioB').get(0).play();
	});
	$('#audioB').on('ended', function(){
		$('#audioC').get(0).play();
	});
	$('#audioC').on('ended', function(){
		$('#audioA').get(0).play();
	});

イベント色々あるので見てみてください。
http://www.htmq.com/video/

Comments

[jisan123]

できました！ありがとうございます。