Soundmanager2目前比较流行，功能也比较强大。主页 http://www.schillmania.com/projects/soundmanager2/

其文档很详细，主要需要两个文件soundmanager2-jsmin.js

如果使用falsh则需要指明flash路径:

soundManager.setup({
	  url: '/js/soundmanager2/swf/'
	});

例如想播放某个声音：

soundManager.onready(function() {
					alertsms = soundManager.createSound({
								id : 'alert', // required
								url : '/assets/j/alert.mp3'
							});
				});

这里创建了一个alertsms对象（Sound Object）,那么可对此对象进行播放暂停等动作。

另外一种用途是整个页面上的音乐资源自动渲染成播放器，这个在其文档中有demo:

demo/mp3-player-button/index.html 就是比较酷的例子，基于html5:

能显示音乐下载进度以及播放帧，使用也很简单，需要引用

<link rel="stylesheet" type="text/css" href="360player.css" />

<script type="text/javascript" src="script/berniecode-animator.js"></script>

<script type="text/javascript" src="script/360player.js"></script>

然后需要css对应的图片（在demo文件夹中）

html代码中只需要这样的结构:

<div class="ui360">
 <a href="/path/to/an.mp3">play "an.mp3"</a>
</div>

注意是以扩展名来分析类型的。

脚本中仍然需要设置好soundmanager。

这样就可以了，参看效果: