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。

 

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

Snap1


Total views.

© 2013 - 2018. All rights reserved.

Powered by Hydejack v6.6.1