<!doctype html>
<html>
<head>
<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<script src="http://kolber.github.com/audiojs/audiojs/audio.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
// Setup the player
var audio = audiojs.createAll()[0];
// Load in a track on click
$('ul li').click(function(e) {
e.preventDefault();
$(this).addClass('playing').siblings().removeClass('playing');
audio.load($('a', this).attr('data-src'));
audio.play();
});
});
</script>
</head>
<body>
<div id="wrapper">
<h1>Заголовок</h1>
<audio preload></audio>
<ul>
<li><a href="#" data-src="http://s3.amazonaws.com/audiojs/01-dead-wrong-intro.mp3">один</a></li>
<li><a href="#" data-src="http://s3.amazonaws.com/audiojs/02-juicy-r.mp3">два</a></li>
<li><a href="#" data-src="http://s3.amazonaws.com/audiojs/03-its-all-about-the-crystalizabeths.mp3">три</a></li>
<li><a href="#" data-src="http://s3.amazonaws.com/audiojs/04-islands-is-the-limit.mp3">четыре</a></li>
</ul>
</div>
</body>
</html>