Soundmanager 2的皮膚/主題

Question

我目前正在考慮使用Soundmanager2作爲一個小型項目的音頻播放器。我很喜歡SM2，但不幸的是我找不到一個提供基本控制（播放，暫停，進度條，時間，音量控制）的內聯播放器的實現。

我唯一發現的是basic player。

請問你們誰知道一種使用Soundmanager2採用了經典的控制接口（like this）？

Answer 1

一些休閒研究之後，我發現SoundManager類2過於強大和複雜的只是創建HTML5播放器。我決定使用jMediaelement來代替，這是一款非常靈活的音頻/視頻開發套件，專注於具有經典控制界面的網站播放器。

Answer 2

據當時https://getsatisfaction.com/schillmania/topics/track_list_with_controls_prev_next_button

在這裏，在SoundManager類的網站討論的內幕：

---

地址：

pagePlayer.playNext() pagePlayer.playPrevious()

只是要與HTML/CSS必要的按鈕。在這些按鈕的內部使用onclick屬性，例如： 打開標記：onclick =「pagePlayer.playNext（）」關閉標記

請勿使用「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 /分組，使一個按鈕，它，你能拿出一個體積變化，然後風格它吧？