<!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>
<meta charset="utf-8">
<style>
</style>
</head>
<body>
<div id="wrapper">
<h1>Заголовок</h1>
<audio preload class="audio"></audio>
<ul>
<li><a href="#" data-src="fifa10.mp3">один</a></li>
<li><a href="#" data-src="Les_Matins.mp3">два</a></li>
<li><a href="#" data-src="fifa10.mp3">три</a></li>
</ul>
</div>
</body>
</html> |