我目前正在考虑将Soundmanager2用作小型项目的音频播放器。我很喜欢SM2,但不幸的是我找不到一个能够为内置播放器提供基本控件(播放,暂停,进度条,时间,音量控制)的实现。
我发现的唯一的东西是basic player。
你们中的任何人都知道使用Soundmanager2和经典控制界面(like this)的方法吗?
经过一些随意的研究,我发现Soundmanager 2对于创建一个html5播放器来说太强大和复杂了。我决定使用jMediaelement,这是一个非常灵活的音频/视频开发套件,专注于具有经典控制界面的网站播放器。
根据Soundmanager在https://getsatisfaction.com/schillmania/topics/track_list_with_controls_prev_next_button的网站上的讨论
这是低点:
加:
pagePlayer.playNext()
pagePlayer.playPrevious()
只需使用HTML / CSS制作必要的按钮即可。在这些按钮内部使用onclick属性,例如:open tag:a onclick =“pagePlayer.playNext()”close标签
不要使用“href”属性。这将在单击时执行javascript方法。
此外,该网站上的人正在为soundmanager2的播放器使用音量。搜索“音量变化声音管理器”。这是一个人:http://stackoverflow.com/questions/8625500/strange-issue-setting-volume-on-my-music-player-soundmanager
// set base volume
$('header .volume-slider').each(function() {
var slider = $('.slider', this);
var volume = slider.data('volume');
console.log('Initial volume: '+volume);
$('.slider', this).height(volume/2);
});
// play / pause track
var sound;
$(document).on('click', '#snippets .tracks li', function() {
var li = $(this);
console.log('Creating new sound with volume: '+$('header .volume-slider .slider').data('volume'));
sound = soundManager.createSound({
id: li.data('id'),
url: li.data('stream')+'?consumer_key=' + 'htuiRd1JP11Ww0X72T1C3g',
volume: $('header .volume-slider .slider').data('volume')
});
});
// change volume
$('header .volume-slider').mouseup(function(e) {
var pos = e.pageY - $(this).offset().top;
var slider = $('.slider', this);
slider.data('volume', (100-(pos*2)));
var volume = slider.data('volume');
slider.height(volume/2);
if (sound) {
console.log('Setting volume: '+volume);
sound.setVolume(volume);
}
});
那么,如果您可以设置nex / prev并为其设置一个按钮,那么您是否可以提出一个音量变化然后为它设置一个条形图?