Soundmanager2 使用
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。
这样就可以了,参看效果: